JavaScript打开窗口与关闭页面操作大全

JavaScript新开窗口

onClick="javascript:window.location='http://www.sowsoy.com'"

JavaScript新开一个页面

<script src=javascript:window.open('http://www.sowsoy.com')>

JavaScript提示后打开一个页面

<a href="http://www.sowsoy.com" target="_blank" title="点击查看效果" onClick="javascript:alert('您是贵宾,欢迎参观我的网站!');">

JavaScript 弹出自适应图片窗口

复制代码
<script language="JavaScript" type="text/JavaScript">
function openPictureWindow_Fever(imageName,alt,posLeft,posTop) {
var image=new Image();
image.src=imageName;
imageWidth=image.width;
imageHeight=image.height;
newWindow = window.open("","newWindow","width="+imageWidth+",height="+imageHeight+",left="+posLeft+",top="+posTop);
newWindow.document.open();
newWindow.document.write('<html><title>'+alt+'</title><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginheight="0" marginwidth="0" onBlur="self.close()">');
newWindow.document.write('<img src='+imageName+' alt='+alt+'>');
newWindow.document.write('</body></html>');
newWindow.document.close();
newWindow.focus();
}
//-->
</script>

<a href="#"><img src="images/button.gif" border="0" onClick="openPictureWindow_Fever('products/girl.jpg','标题','100','100')"></a>
复制代码

JavaScript调用下拉列表打开窗口

<select onChange="if(this.selectedIndex && this.selectedIndex!=0){window.open(this.value);}this.selectedIndex=0;">
<option selected>更多链接……</option>
<option value="http://www.sowsoy.com">网页一</option>
<option value="http://种豆.com/">网页二</option>
<option value="http://www.种豆.com">网页三
</select>

 

JavaScript开一个新页面时,关闭前一页

<body bgcolor="#FFFFFF" text="#000000" onBlur="self.close()">
</body>

JavaScript关闭当前页

<script language="JavaScript">
function shutwin(){
window.close();
return;}
</script>
<a href="javascript:shutwin();">关闭当前页</a>

JavaScript定时关闭页面

<script LANGUAGE="JavaScript">
<!--
setTimeout('window.close();', 3000);
// -->
</script>

JavaScript页面定时跳转

复制代码
<script language="JavaScript" type="text/JavaScript">
<!--
function openWin(thetime) {
setTimeout("location.href=('contact.asp')", thetime);
}
//-->
</script>
<body onLoad="openWin('5000')">
</body>
复制代码

 

posted on   逍遥云天  阅读(707)  评论(0编辑  收藏  举报

编辑推荐:
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
阅读排行:
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

导航

统计

点击右上角即可分享
微信分享提示