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

JavaScript之窗口的打开与关闭

时间:2015-08-04 09:28:06      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:

<html>
 	<head>
		<title>
			damel3
		</title>
		<style>
		#mywin{
		display:none}
		</style>
		<script>

function openwin(){
	var win = document.getElementById("mywin");
	win.style.display="block";
}
function closemywin(){
	var win = document.getElementById("mywin");
	win.style.display="none";

}
function openimg(){
var img = document.getElementById("img");
img.style.display="block";
}
function closeimg(){
var img = document.getElementById("img");
img.style.display="none";
}
		</script>
	</head>
	<body>
	
	<table border="5" width="800px" style="display:block" id="mywin">
<tr><td><span id ="close" onClick="closemywin()">X</span></td></tr>
</table>
<img src="../CSS/image/1.jpg" id="img"/>
<a href="javascript:openwin()">打开一个窗口</a>
<a href="javascript:openimg()">显示图片</a>
<a href="javascript:closeimg()">隐藏图片</a>

	</body>
	

</html>

版权声明:本文为博主原创文章,未经博主允许不得转载。

JavaScript之窗口的打开与关闭

标签:

原文地址:http://blog.csdn.net/wei_chong_chong/article/details/47271659

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