JavaScript特效实例007-为弹出的窗口加入关闭按钮
2015-05-12 13:21
411 查看
实例007 为弹出的窗口加入关闭按钮
实例说明
在弹出的窗口中加入关闭按钮,点击后弹出的窗口关闭。技术要点
本实例主要应用window对象的close()方法实现。close()方法的语法如下。window.close()
功能:window对象的close()方法用于自动关闭浏览器窗口。
实现过程
(1)要弹出的窗口且是功能实现界面New.html。<html> <head> <meta charset="utf-8" /> <title>弹出的窗口</title> <style type="text/css"> body{ background-image:url(new.jpg); background-repeat:no-repeat; } </style> </head> <body> <input type = "button" value = "关闭" onClick="window.close();"/> </body> </html>
(2)
<html> <head> <meta charset="utf-8" /> <script type="text/jscript" language="javascript"> window.open("new.html","new","height=280,width=800,top=10,left=20,resizable=no, location=no",false); </script> <style type="text/css"> p{ font-size:24px; color:#F00; } </style> </head> <body> <p>网站首页</p> </body> </html>
注:style标签的内容为css的知识,我们关注的是script标签内的内容。
这样我们的这个实例就做好了。
相关文章推荐
- JavaScript特效实例008-关闭弹出的窗口时,刷新父窗口
- JavaScript特效实例009-关闭IE主窗口时,不弹出询问对话框
- javascript 父页面单击按钮,弹出窗口,接受用户输入,关闭当前弹出窗口,返回父页面
- Example006为弹出窗口加入关闭按钮
- JavaScript特效实例003-通过按钮创建窗口
- javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
- “当页面跳转或者关闭窗口时弹出提示窗口!”JAVASCRIPT实例
- JavaScript特效实例004-自动关闭的广告窗口
- javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
- JavaScript特效实例005-控制弹出窗口居中显示
- JavaScript在网页右下角弹出窗口 带关闭按钮 支持谷歌浏览器
- JavaScript特效实例006-弹出的窗口之Cookie控制
- 在网页中使用javascript打开没有最大化、最小化和关闭按钮的窗口
- C#调用迅雷的时候 自动模拟点击”下载按钮” 关闭弹出窗口
- JavaScript特效实例015-打开窗口特殊效果
- 在网页中使用javascript打开没有最大化、最小化和关闭按钮的窗口
- javascript 关闭窗口时不弹出提示
- 按钮添加“关闭弹出窗口”
- 23个Javascript弹出窗口特效
- 关闭页面代码和弹出窗口,出现确定,取消按钮+执行