//页面跳转 直接转到另一个页面
扩展:隔一段时间跳转
事件引发跳转
加载完成时跳转
跳转之后再跳转,连续跳转
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>