网页特效之弹出窗口控制

最新推荐文章于 2021-03-30 20:50:09 发布

tiptop_gzu

最新推荐文章于 2021-03-30 20:50:09 发布

阅读量798

点赞数

分类专栏：网页特效js 文章标签：网页窗口

本文链接：https://blog.csdn.net/DOUZHENG8433/article/details/53809915

版权

网页特效js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1.控制弹出窗口居中显示（主要代码如下）

1.1 编写body内文件，实现页面加载完执行manage（）函数

<body οnlοad="manage()">  <!--页面加载完执行manage（）-->

1.2 编写自定义的JavaScript函数manage（）用于获取当前屏幕的分辨率，进而居中显示

 <script language="javascript">
	function manage()
	{
		var hdc=window.open('Login_M.htm','','width=322,height=206');
		width=screen.width;    //获取屏幕宽高

		height=screen.height;
		hdc.moveTo((width-322)/2,(height-206)/2);
	}
</script>

2.利用cookie控制窗口弹出

主要是避免每次访问一个网站都会弹出广告，让人厌倦

主要代码如下：

<Script Language="JavaScript">
function openWindow(){
    window.open("advertisement.html","","width=352,height=193")
}	
function GetCookie(name){
	var search = name + "=";
	var returnvalue = "";
	var offset,end;
	if(document.cookie.length>0){
	    offset = document.cookie.indexOf(search);
	    if(offset != -1){
	        offset += search.length;
	        end = document.cookie.indexOf(";",offset);
	        if(end == -1) end = document.cookie.length;
	        returnvalue = unescape(document.cookie.substring(offset,end));
	    }
	}
	return returnvalue;
}
function LoadPop(){
	if(GetCookie("pop")==""){
	    openWindow();
		var today = new Date()
		var time="Sunday,1-jan-"+today.getYear()+1+" 23:59:59 GMC";
		document.cookie="pop=yes;expires="+time;
	}
}
</Script>
<body onLoad="LoadPop()">

3.为弹出的窗口添加关闭按钮

<input name="Button" type="button" class="btn_grey" value="关闭" onClick="window.close();">

4.关闭弹出窗口时，刷新父窗口

有时候需要在关闭弹出的窗口时，刷新父窗口

在父页面中编写一个 onClick()事件，点击查看详细即可到达详细界面

 <td width="162"><span class="style2"><a href="#" onClick="Javascript:window.open('new.html','','width=400,height=220')">查看详细</a></span></td>

在打开详细页面之后，我们需要关闭时刷新父页面，代码如下

<input type="submit" name="Submit" value="关闭" οnclick="Mycheck();">

然后定义Mycheck()函数功能，如下：

<script language="javascript">
function Mycheck()
{
alert("确认关闭");
window.opener.location.reload();  //重新加载父页面
window.close();//关闭当前页面
}
</script>

tiptop_gzu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

网页特效之弹出窗口控制

1.控制弹出窗口居中显示（主要代码如下）

`<body οnlοad="manage()"> `

1.2 编写自定义的JavaScript函数manage（）用于获取当前屏幕的分辨率，进而居中显示

`<script language="javascript"> function manage() { var hdc=window.open('Login_M.htm','','width=322,height=206'); width=screen.width; //获取屏幕宽高 height=screen.height; hdc.moveTo((width-322)/2,(height-206)/2); } </script>`

2.利用cookie控制窗口弹出