码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript特效实例007-为弹出的窗口加入关闭按钮

时间:2015-05-12 13:36:43      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:javascript

实例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特效实例007-为弹出的窗口加入关闭按钮

标签:javascript

原文地址:http://blog.csdn.net/yejinwei1220/article/details/45668051

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!