zoukankan      html  css  js  c++  java
  • js在浏览器中弹出窗口

    中国asp之家注:学习javascript(js),免不了要用到打开新窗口,方法很多,总的来说是使用window.open。不同与HTML中的target=_blank,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>
    <a href="javascript:ow('http://www.aspxhome.com/');">
    blog</a>

    2,打开新窗口固定大小

    <button  onclick="window.open('/red/','','width=800,height=300')">open1</button>
    <button  onclick="var  newwin=window.open('/red/');newwin.moveTo(50,50);newwin.resizeTo(800,300)">open2</button>
    <button  onclick="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>

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

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

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

    <script language="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>Chromeless Window</title>

    <SCRIPT LANGUAGE="JScript">
    /*--- Special Thanks For andot ---*/

    /*
     This following code are designed and writen by Windy_sk <seasonx@163.net>
     You can use it freely, but u must held all the copyright items!
    */

    /*--- Thanks For andot Again ---*/

    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:2px outset;border-style:expression(onmouseout=onmouseup=function(){this.style.borderStyle='outset'}, onmousedown=function(){if(event.button!=2)this.style.borderStyle='inset'});background-color:buttonface;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,"<a onclick='parent.open(this.href);return false' $1>");
     temp += "<table width=100% height=100% cellpadding=0 cellspacing=0 border=0>";
     temp += "<tr style=';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 += "<td style='color:#ffffff;padding-left:5px'>Chromeless Window For IE6 SP1</td>";
     temp += "<td style='color:#ffffff;padding-right:5px;' align=right>";
     temp += "<span id=Help  onclick=\"alert('Chromeless Window For IE6 SP1  -  Ver 1.0\\n\\nCode By Windy_sk\\n\\nSpecial Thanks For andot')\" style=\""+CSStext+"font-family:System;padding-right:2px;\">?</span>";
     temp += "<span id=Min   onclick='parent.New_CW.hide();parent.blur()' style=\""+CSStext+"font-family:Webdings;\" title='Minimum'>0</span>";
     temp += "<span id=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=Close onclick='parent.opener=null;parent.close()' style=\""+CSStext+"font-family:System;padding-right:2px;\" title='Close'>x</span>";
     temp += "</td></tr><tr><td colspan=2>";
     temp += "<div id=include style='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"){
        var MachakFull=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(args[i]+".location='"+args[i+1]+"'");
    }
    //-->
    </script>
    </head>

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

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

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

    7,网页对话框

    <script>
    window.onload=function(){
     var features='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>

     

     

    宝贝网址:

  • 相关阅读:
    VysorPro助手
    Play 2D games on Pixel running Android Nougat (N7.1.2) with Daydream View VR headset
    Play 2D games on Nexus 6P running Android N7.1.1 with Daydream View VR headset
    Native SBS for Android
    ADB和Fastboot最新版的谷歌官方下载链接
    How do I install Daydream on my phone?
    Daydream Controller手柄数据的解析
    蓝牙BLE传输性能及延迟分析
    VR(虚拟现实)开发资源汇总
    Android(Java)控制GPIO的方法及耗时分析
  • 原文地址:https://www.cnblogs.com/W203654/p/2241531.html
Copyright © 2011-2022 走看看