博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javascript 中与窗口有关的,不定期增加
阅读量:6037 次
发布时间:2019-06-20

本文共 1840 字,大约阅读时间需要 6 分钟。

hot3.png

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

扩展:隔一段时间跳转

       事件引发跳转

       加载完成时跳转

        跳转之后再跳转,连续跳转

 window.location="";

 

//打开一个新窗口

window.open("");

//在页面卸关闭时执行

扩展:

       关闭时打开窗口

      关闭时执行事件

       关闭时跳转

 <body onUnload="functionName();">
  Body page;
 </body>

 

//在页面加载完成时候执行函数
      函数里可以打开执行打开窗口,跳转,画面颜色转变,特效添加,连续不断弹出新出口
<body οnlοad=”functionName();”>
Body of the page
</body>
 
新窗口和父窗口的操作
 
//定义新窗口
  
varnewWindow = window.open(“111.html”,"newWindow”);
  
newWindow.close();//在父窗口中关闭打开的新窗口
  
  
//在新窗口中关闭父窗口
  
window.opener.close()

 

<html>

 <!--
  控制你的窗口
 -->
 <body>
  
  <!--
  
 1: 普通打开
  window.open("XXX.html");
  -->
  /*
   *<!--  -->兼容低版本的浏览器,在老浏览器中不会将标签中的代码
   *文本显示出来,这是一种好的习惯, 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> 

转载于:https://my.oschina.net/012345678/blog/106257

你可能感兴趣的文章
Linux pipe函数
查看>>
(原創) 如何設計一個數位相框? (SOC) (Quartus II) (SOPC Builder) (Nios II) (TRDB-LTM) (DE2-70)...
查看>>
/etc/profile文件内容
查看>>
一页纸IT项目管理:大道至简的实用管理沟通工具
查看>>
汽车知识:车内异味的清除方法
查看>>
IE6 7下绝对定位引发浮动元素神秘消失
查看>>
浏览器的回流和重绘及其优化方式
查看>>
2.4 salt grains与pillar jinja的模板
查看>>
VDI序曲二十 桌面虚拟化和RemoteApp集成到SharePoint 2010里
查看>>
移动互联网,入口生死战
查看>>
JAVA多线程深度解析
查看>>
Kafka High Level Consumer 会丢失消息
查看>>
时间轴
查看>>
java 获取系统当前时间的方法
查看>>
Ubuntu 10.04升级git 到1.7.2或更高的可行方法
查看>>
Spring Security4实战与原理分析视频课程( 扩展+自定义)
查看>>
第一周博客作业
查看>>
thinkpython2
查看>>
oracle recyclebin与flashback drop
查看>>
svmlight使用说明
查看>>