JavaScript之窗口的打开与关闭

最新推荐文章于 2022-07-22 14:37:54 发布

0 and 1

最新推荐文章于 2022-07-22 14:37:54 发布

阅读量1.6k

点赞数

分类专栏： web-front-end

本文链接：https://blog.csdn.net/wei_chong_chong/article/details/47271659

版权

web-front-end 专栏收录该内容

20 篇文章 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" 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>