javascript 中与窗口有关的,不定期增加-CSDN博客

2019独角兽企业重金招聘Python工程师标准>>>

//页面跳转直接转到另一个页面

扩展：隔一段时间跳转

事件引发跳转

加载完成时跳转

跳转之后再跳转，连续跳转
window.location="http://www.baidu.com";

//打开一个新窗口

window.open("http://www.baidu.com");

//在页面卸关闭时执行

扩展：

关闭时打开窗口

关闭时执行事件

关闭时跳转
<body onUnload="functionName();">
Body page;
</body>

//在页面加载完成时候执行函数

函数里可以打开执行打开窗口，跳转，画面颜色转变，特效添加，连续不断弹出新出口

Body of the page

</body>

新窗口和父窗口的操作

//定义新窗口

varnewWindow = window.open(“111.html”,"newWindow”);

newWindow.close();//在父窗口中关闭打开的新窗口

//在新窗口中关闭父窗口

window.opener.close()

<html>

<body>

  
  /*
   *兼容低版本的浏览器，在老浏览器中不会将标签中的代码
   *文本显示出来，这是一种好的习惯， window.open();用于控制弹出
   *的窗口，如果XXX.html不与主窗口在同一路径下，签名应该写明详细路径（）
   *（绝对路径http:// 与相对路径、.../../）
   *这段代码可以加入HTML任意地方，此段代码越靠前，执行也越早
  */

2: 带有指定窗口的一些特性
   window.open("XXX.html","name","height=100,width=100,top=0,left=0,toolbar=no,
       menubar=no,scrollbars=no,resizable=no,location=no,status=no");
  /*
   *window.open() 弹出新窗口的命令；
   *'page.html' 弹出窗口的文件名；
   *'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替；
   *height=100 窗口高度；
   *width=400 窗口宽度；
   *top=0 窗口距离屏幕上方的象素值；
   *left=0 窗口距离屏幕左侧的象素值；
   *toolbar=no 是否显示工具栏，yes为显示；
   *menubar，scrollbars 表示菜单栏和滚动栏。
   *resizable=no 是否允许改变窗口大小，yes为允许；
   *location=no 是否显示地址栏，yes为允许；
   *status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许
  */

3: 用函数控制弹出窗口,得有触发事件才能打开
  方法一：<body οnlοad=open()> 浏览器读页面时弹出窗口；
　  方法二：<body οnunlοad=open()> 浏览器离开页面时弹出窗口；
  方法三：<input type=button οnclick=open()/>点击按钮时弹出
  function open(){
   window.open("XXX.html");
  }

4: 利用for 循环打开多个窗口
  function open(){
   for(var i = 0;i<10;i++){
    window.open("'page' + i.html",'name+i');//name名字不能一样
    }
  }

5: 主窗口打开文件1.html,同时弹出小窗page.html
   function open(){
    window.open('page.html');
   }

   <a href="1.html" οnclick="open();">打开</a>

6: 弹出窗口定时关闭
   function open(){
    window.open('page.html');
   }
   page.html页面写入
   function close(){
    setTimeout(self.close(),1000);
   }
   <body οnlοad="close();"></body>


  </body>
</html>