小窗口大学问--玩转弹出窗口(2)
2005-01-29 16:10
218 查看
【3、用函数控制弹出窗口】
下面是一个完整的代码:
〈html〉
〈head〉
〈script LANGUAGE="JavaScript"〉
〈!--
function openwin() {
window.open ("page.html", "newwindow", "height=100, width=400,toolbar=no,menubar=no, scrollbars=no, resizable=no, location=no, status=no")
//写成一行
}
//--〉
〈/script〉
〈/head〉
〈body onload="openwin()"〉
...任意的页面内容...
〈/body〉
〈/html〉
这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。
怎么调用呢?
方法一:〈body onload="openwin()"〉 浏览器读页面时弹出窗口;
方法二:〈body onunload="openwin()"〉 浏览器离开页面时弹出窗口;
方法三:用一个连接调用:〈a href="#" onclick="openwin()"〉打开一个窗口〈/a〉
注意:使用的“#”是虚连接。
方法四:用一个按钮调用:〈input type="button" onclick="openwin()" value="打开窗口"〉
【4、同时弹出2个窗口】
对源代码稍微改动一下:
〈script LANGUAGE="JavaScript"〉
〈!--
function openwin() {
window.open ("page.html", "newwindow", "height=100, width=100,
top=0,left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no,
location=no,status=no")
//写成一行
window.open ("page2.html", "newwindow2", "height=100, width=100,
top=100,left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no,
location=no,status=no")
//写成一行
}
//--〉
〈/script〉
为避免弹出的2个窗口覆盖,用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四种方法调用即可。
注意:2个窗口的name(newwindows和newwindow2)不要相同,或者干脆全部为空。OK?
下面是一个完整的代码:
〈html〉
〈head〉
〈script LANGUAGE="JavaScript"〉
〈!--
function openwin() {
window.open ("page.html", "newwindow", "height=100, width=400,toolbar=no,menubar=no, scrollbars=no, resizable=no, location=no, status=no")
//写成一行
}
//--〉
〈/script〉
〈/head〉
〈body onload="openwin()"〉
...任意的页面内容...
〈/body〉
〈/html〉
这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。
怎么调用呢?
方法一:〈body onload="openwin()"〉 浏览器读页面时弹出窗口;
方法二:〈body onunload="openwin()"〉 浏览器离开页面时弹出窗口;
方法三:用一个连接调用:〈a href="#" onclick="openwin()"〉打开一个窗口〈/a〉
注意:使用的“#”是虚连接。
方法四:用一个按钮调用:〈input type="button" onclick="openwin()" value="打开窗口"〉
【4、同时弹出2个窗口】
对源代码稍微改动一下:
〈script LANGUAGE="JavaScript"〉
〈!--
function openwin() {
window.open ("page.html", "newwindow", "height=100, width=100,
top=0,left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no,
location=no,status=no")
//写成一行
window.open ("page2.html", "newwindow2", "height=100, width=100,
top=100,left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no,
location=no,status=no")
//写成一行
}
//--〉
〈/script〉
为避免弹出的2个窗口覆盖,用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四种方法调用即可。
注意:2个窗口的name(newwindows和newwindow2)不要相同,或者干脆全部为空。OK?
相关文章推荐
- 小窗口大学问--玩转弹出窗口(4)
- 小窗口大学问--玩转弹出窗口(3)
- 小窗口大学问--玩转弹出窗口
- 小窗口大学问--玩转弹出窗口
- 小窗口大学问--玩转弹出窗口
- 小窗口大学问--玩转弹出窗口[zhuan]
- 小窗口大学问--玩转弹出窗口(1)
- 玩转 Javascript 弹出窗口, 居中与居角扩大窗口至屏幕最大值 By shawl.qiu
- 小窗口大学问--玩转弹出窗口
- 玩转 Javascript 弹出窗口, 居中与居角扩大窗口至屏幕最大值
- 小窗口大学问--玩转弹出窗口(备忘)
- 如何实现在一个网页中弹出多个不同的小窗口
- 关于装IDM后,弹出窗口的处理
- JS实现,遮罩层、弹出窗口效果
- 解决ie自动弹出窗口之迷
- 弹出窗口选择值 赋给父窗口
- jsp页面简单弹出窗口
- JavaScript检测弹出窗口是否已经关闭的方法
- Flex 弹出窗口--datagrid--自定以事件
- jQuery的弹出窗口插件colorbox