正在阅读：网页弹出窗口应用总结网页弹出窗口应用总结

2005-07-11 10:02 出处： 作者：blackhero 责任编辑：moningfeng
在本页浏览全文

5、主窗口打开文件1.htm，同时弹出小窗口page.html

　　如下代码加入主窗口区：

　　<script language="javascript">

　　<!--

　　function openwin() {

　　window.open("page.html","","width=200,height=200")


　　}

　　//-->

　　</script>


　　加入<body>区：
　　<a href="1.htm" onclick="openwin()">open</a>即可。

6、弹出的窗口之定时关闭控制
　　
　　下面我们再对弹出的窗口进行一些控制，效果就更好了。如果我们再将一小段 代码加入弹出的页面(注意是加入page.html的HTML中，不是主页面中)，让它10秒后自动关闭是不是更酷了？
首先，将如下代码加入page.html文件的区：

　　<script language="JavaScript">

　　function closeit()

　　{

　　setTimeout("self.close()",10000) 　//毫秒

　　}

　　</script>


　　然后，再用<body onload="closeit()"> 这一句话代替page.html中原有的<BODY>这一句就可以了。(这一句话千万不要忘记写啊！这一句的作用是调用关闭窗口的代码，10秒钟后就自行关闭该窗口。)

7、在弹出窗口中加上一个关闭按钮

　　<FORM>

　　<INPUT TYPE='BUTTON' VALUE='关闭' onClick='window.close()'>

　　</FORM>


　　呵呵，现在更加完美了！
1234在本页浏览全文
键盘也能翻页，试试“← →”键

相关文章

怎么关闭拦截弹出窗口工具 关闭拦截弹出窗口方法

关注我们

聚超值

热门软件

PC软件 安卓应用 iOS应用 手游电脑版
游戏专区
王者荣耀专区 绝地求生专区 炉石传说专区
IT百科 热门专题

汽车资讯

  • 正在加载中...

成都车展 宏光MINI EV 普拉多 欧拉黑猫 途达 起亚嘉华 玛奇朵 皇冠陆放 奔驰C级 哈弗神兽 坦克600 奥迪Q5 思域 卡罗拉双擎E+ 轩逸 太平洋汽车网app 新能源车

最新资讯离线随时看 聊天吐槽赢奖品