• js打开新窗口方法整理


    window.location="aaa.aspx" 

    上面的方法只能在当前页打开,如果要在新的页面打开,最简单的是用以下方法 

    form.target="_blank"; 
    form.action="aaa.aspx"; 
    form.submit(); 

    window.top.location=url 可以在iframe中的页面在父窗口刷新打开 

    window.open方法可控制的样式丰富,比如我们可以控制窗口显示的大小,窗口显示的内容,以及位置等等。都是使用js中的window.open有一个缺点就是容易被浏览器屏蔽。本文介绍了js中打开新窗口的各种方法。 

    1,打开新窗口全屏 

    复制代码代码如下:

    <html><head> 
    <title>blue</title> 
    <SCRIPT> 
    function ow(owurl){ 
    var tmp=window.open("about:blank","","fullscreen=1") 
    tmp.moveTo(0,0); 
    tmp.resizeTo(screen.width+20,screen.height); 
    tmp.focus(); 
    tmp.location=owurl; 

    </SCRIPT> 
    </head> 
    <body> 
    <ahref="javascript:ow('http://www.aspxhome.com/');"> 
    blog</a> 


    2,打开新窗口固定大小 

    复制代码代码如下:

    <buttononclick="window.open('/red/','','width=800,height=300')">open1</button> 
    <button onclick="varnewwin=window.open('/red/');newwin.moveTo(50,50);newwin.resizeTo(800,300)">open2</button> 
    <buttononclick="window.showModelessDialog('/red','','dialogWidth:800px;dialogHeight:300px')">open3</button> 


    3,默认大小开启 

    复制代码代码如下:

    <script> 
    //tmtC_winMaximizer 
    if (document.layers){ 
    var larg=screen.availWidth-10; 
    var altez=screen.availHeight-20;} 
    else{ 
    var larg=screen.availWidth-2; 
    var altez=screen.availHeight;} 
    self.resizeTo(larg,altez); 
    self.moveTo(0,0); 
    //tmtC_winMaximizerEnd 
    </script> 

    -------------------------------------------- 

    <scriptlanguage="JavaScript"> 
    <!-- 
    self.moveTo(0,0) 
    self.resizeTo(screen.availWidth,screen.availHeight) 
    //--> 
    </script> 


    4,正常打开打开一个弹出窗口 

    复制代码代码如下:

    <scriptlanguage="JavaScript"> 
    function WinOpen() { 
    mesg=open("cnrose","DisplayWindow","toolbar=no,,menubar=no,location=no,scrollbars=no"); 
    mesg.document.write("<HEAD><TITLE>中国asp之家</TITLE></HEAD>"); 
    mesg.document.write("<CENTER>http://www.aspxhome</CENTER>"); 

    </script> 
    <form> 
    <input type="button" name="Button1" value="CN-Bruce"onclick="WinOpen()"> 
    </form> 

    ---------------------------------------------------------------------------------------------- 

    <a href=#onclick=window.open('http://www.aspxhome','target','param')>a</a> 


    5,Chromeless Window For IE6 SP1 

    复制代码代码如下:

    <HTML XMLNS:IE> 
    <meta http-equiv="Content-Type" content="text/html;charset=gb2312"> 
    <IE:Download ID="include"STYLE="behavior:url(#default#download)" /> 
    <title>ChromelessWindow</title> 

    <SCRIPTLANGUAGE="JScript"> 

    var CW_width = 400; 
    var CW_height = 300; 
    var CW_top = 100; 
    var CW_left = 100; 
    var CW_url = "http://www.cnbruce.com/bluebook/"; 
    var New_CW = window.createPopup(); 
    var CW_Body = New_CW.document.body; 
    var content = ""; 
    var CSStext = "margin:1px;color:black; border:2pxoutset;border-style:expression_r(onmouseout=onmouseup=function(){this.style.borderStyle='outset'},onmousedown=function(){if(event.button!=2)this.style.borderStyle='inset'});16px;height:14px;font-size:12px;line-height:11px;cursor:Default;"; 

    //Build Window 
    include.startDownload(CW_url,function(source){content=source}); 

    function insert_content(){ 
    var temp = ""; 
    CW_Body.style.overflow = "hidden"; 
    CW_Body.style.backgroundColor = "white"; 
    CW_Body.style.border = "solid black 1px"; 
    content = content.replace(/<a([^>]*)>/g,"<aonclick='parent.open(this.href);return false'$1>"); 
    temp += "<table width=100% height=100% cellpadding=0cellspacing=0 border=0>"; 
    temp += "<trstyle=';font-size:12px;background:#0099CC;height:20;cursor:default'ondblclick="Max.innerText=Max.innerText=='1'?'2':'1';parent.if_max=!parent.if_max;parent.show_CW();"onmouseup='parent.drag_up(event)'onmousemove='parent.drag_move(event)'onmousedown='parent.drag_down(event)' onselectstart='return false'oncontextmenu='return false'>"; 
    temp += "<tdstyle='color:#ffffff;padding-left:5px'>ChromelessWindow For IE6 SP1</td>"; 
    temp += "<tdstyle='color:#ffffff;padding-right:5px;'align=right>"; 
    temp += "<span id=Help onclick="alert('ChromelessWindow For IE6 SP1 - Ver 1.0\n\nCode By Windy_sk\n\nSpecialThanks For andot')"style=""+CSStext+"font-family:System;padding-right:2px;">?</span>"; 
    temp += "<spanid=Min onclick='parent.New_CW.hide();parent.blur()'style=""+CSStext+"font-family:Webdings;"title='Minimum'>0</span>"; 
    temp += "<spanid=Max onclick="this.innerText=this.innerText=='1'?'2':'1';parent.if_max=!parent.if_max;parent.show_CW();"style=""+CSStext+"font-family:Webdings;"title='Maximum'>1</span>"; 
    temp += "<span id=Closeonclick='parent.opener=null;parent.close()'style=""+CSStext+"font-family:System;padding-right:2px;"title='Close'>x</span>"; 
    temp +="</td></tr><tr><tdcolspan=2>"; 
    temp += "<div id=includestyle='overflow:scroll;overflow-x:hidden;overflow-y:auto; HEIGHT:100%; "+CW_width+"'>"; 
    temp += content; 
    temp += "</div>"; 
    temp +="</td></tr></table>"; 
    CW_Body.innerHTML = temp; 


    setTimeout("insert_content()",1000); 

    var if_max = true; 
    function show_CW(){ 
    window.moveTo(10000, 10000); 
    if(if_max){ 
    New_CW.show(CW_top, CW_left, CW_width, CW_height); 
    if(typeof(New_CW.document.all.include)!="undefined"){ 
    New_CW.document.all.include.style.width = CW_width; 
    New_CW.document.all.Max.innerText = "1"; 


    }else{ 
    New_CW.show(0, 0, screen.width, screen.height); 
    New_CW.document.all.include.style.width = screen.width; 



    window.onfocus = show_CW; 
    window.onresize = show_CW; 

    // Move Window 
    var drag_x,drag_y,draging=false 

    function drag_move(e){ 
    if (draging){ 
    New_CW.show(e.screenX-drag_x, e.screenY-drag_y, CW_width,CW_height); 
    return false; 



    function drag_down(e){ 
    if(e.button==2)return; 
    if(New_CW.document.body.offsetWidth==screen.width&&New_CW.document.body.offsetHeight==screen.height)return; 
    drag_x=e.clientX; 
    drag_y=e.clientY; 
    draging=true; 
    e.srcElement.setCapture(); 


    function drag_up(e){ 
    draging=false; 
    e.srcElement.releaseCapture(); 
    if(New_CW.document.body.offsetWidth==screen.width&&New_CW.document.body.offsetHeight==screen.height) return; 
    CW_top = e.screenX-drag_x; 
    CW_left = e.screenY-drag_y; 


    </SCRIPT> 
    </HTML> 


    6,打开即全屏 

    复制代码代码如下:

    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html;charset=gb2312"> 
    <title>js打开新窗口方法代码收集 - 中国asp之家 -http://www.aspxhome</title> 
    <link href="index.css" rel="stylesheet"type="text/css"> 
    <script language="JavaScript"type="text/JavaScript"> 
    <!-- 
    function MachakFull(Ie,other){ 
    x=screen.availWidth; 
    y=screen.availHeight; 
    target =parseFloat(navigator.appVersion.substring(navigator.appVersion.indexOf('.')-1,navigator.appVersion.length)); 
    if((navigator.appVersion.indexOf("Mac")!=-1)&&(navigator.userAgent.indexOf("MSIE")!=-1)&&(parseInt(navigator.appVersion)==4)) 
    window.open(other,"sub",'scrollbars=yes'); 
    if (target >= 4){ 
    if (navigator.appName=="Netscape"){ 
    varMachakFull=window.open(other,"MachakFull",'scrollbars=yes','width='+x+',height='+y+',top=0,left=0'); 
    MachakFull.moveTo(0,0); 
    MachakFull.resizeTo(x,y);} 
    if (navigator.appName=="Microsoft Internet Explorer") 
    window.open(Ie,"MachakFull","fullscreen=yes"); 

    else window.open(other,"sub",'scrollbars=yes'); 


    function MM_goToURL() { //v3.0 
    var i, args=MM_goToURL.arguments; document.MM_returnValue =false; 
    for (i=0; i<(args.length-1); i+=2)eval_r(args[i]+".location='"+args[i+1]+"'"); 

    //--> 
    </script> 
    </head> 

    <body bgcolor="#3366CC" SCROLL=NOonload="MachakFull('/bbs/','')"> 

    ---------------------------------------------------------------------------------------------- 

    <script> 
    window.open('/','','fullscreen=1'); 
    window.close(); 
    </script> 


    7,网页对话框 

    复制代码代码如下:

    <script> 
    window.onload=function(){ 
    varfeatures='status:0;dialogWidth:470px;dialogHeight:470px;dialogTop:100px;dialogLeft:100px;resizable:0;scroll:0;center:1'; 
    showModelessDialog("http://www.aspxhome/",window,features); 

    function show(laysn) 

    var obj; 
    obj=laysn.style; 
    obj.visibility='visible'; 

    function hidden(laysn) 

    var obj; 
    obj=laysn.style; 
    obj.visibility='hidden'; 

    </script> 


    8,子窗口打开,关闭父窗口 

    复制代码代码如下:

    <script> 
    window.open('http://www.aspxhome.com/','','width=790,height=590'); 
    window.opener=null; 
    window.close(); 
    </script> 
  • 相关阅读:
    【Oracle】外部程序连接Oracle库之前的准备工作
    【Oracle】ora-12514的问题的解决
    Java8 LocalTime处理小结
    No serializer found for class com.hy.myapp.rest.VarietyInfo and no properties discovered to create BeanSerializer
    【Design Pattern】将职责链模式应用到Rest服务中去
    大商所交易品种和交易时间
    【RestTemplate】post请求示例
    【Pyton】访问Java提供的Rest接口示例
    【RestController】Restful接口获取请求者IP地址
    [HTML]锚点定义,链接跳转到锚点,JS跳转到锚点
  • 原文地址:https://www.cnblogs.com/larennani/p/6743982.html
Copyright © 2020-2023  润新知