您的位置：首页 > Web前端 > JavaScript

JavaScript之窗口的打开与关闭

2015-08-04 09:10 633 查看

<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" height="500px" style="display:block" id="mywin">
<tr><td><span id ="close" onClick="closemywin()">关闭窗口</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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航