JavaScript之窗口的打开与关闭

<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>

时间： 2024-08-08 10:13:57

JavaScript之窗口的打开与关闭的相关文章

QT实现窗口缩放打开与关闭（重叠窗口，太有意思了）

基本思想:假设A为主窗口,B为子窗口.A打开或关闭时,先对A窗口进行截图,然后将图片部满整个B窗口的,在paintEvent里面进行动态缩放或放大画图.最后使用动画,将B窗口以动画的形式打开或关闭,动画播放完毕后,B发送一个信号给A,B关闭,A显示出来. 核心代码发下: 在A窗口里: QPixmap pixmap; CTestDialog dlg(this); dlg.SetPixmap(pixmap.grabWidget(this)); hide(); dlg.exec();

从一个页面打开新窗口页面，当关闭新窗口页面时，刷新原本的页面的一个方法

开发中从一个页面打开新窗口页面,当关闭新窗口页面时,需要刷新原本的页面,找到了如下方法: A页面中: <a target="_blank" href="B.aspx"></a> B页面中: <input type="button" value="关闭" onclick="Close();" /> <script type="text/javascrip

JavaScript中window.open()打开与window.close()关闭

close()关闭窗口,语法书写如下,其次使用close()在打开新窗口的同时,关闭该窗口,是看不到被打开窗口的 1 window.close();//关闭本窗口 2 <窗口对象>.close();//关闭指定的窗口代码展示: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>JavaScript中window.open()

C#中关闭第一个Form窗口，打开另一个新窗口方法

很多同学问怎么关闭一个FORM打开另一个新Form.这个问题最多的是在做登录验证时,使用第一个登录窗登录成功后要关闭自己,然后打开新窗显示.没想到这个问题在.Net还成了问题,不过依然有很多方法解决. 典型的 Form1 f = new Form1(); f.Show(); this.Close(); 最后的关闭时把整个程序都关闭了 1隐藏法,原理就是把旧窗口隐藏掉,再打开新窗口. //新建一个NewForm窗口(NewForm是自己定义的Form) NewForm fm=new NewFor

jQ禁止右键点击、隐藏搜索文本框文字、在新窗口中打开链接、检测浏览器、预加载图片、页面样式切换、所有列等高、动态控制页面字体大小、获得鼠标指针的X值Y值、验证元素是否为空、替换元素、延迟加载、验证元素是否存在于Jquery集合中、使DIV可点击、克隆对象、使元素居中、计算元素个数、使用Google主机上的Jquery类库、禁用Jquery效果、解决Jquery类库与其他Javascript类库冲突

1. 禁止右键点击代码如下: $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 2. 隐藏搜索文本框文字代码如下: $(document).ready(function() { $("input.text1").val("Enter your search text here"); textFill($

JavaScript之窗口的打开与关闭