您好,欢迎来到优显汽车网。
搜索
您的当前位置:首页

JavaScript单击网页任意位置打开新窗口与关闭窗口的实现代码

2022-06-15 来源:优显汽车网
摘要
大约有三种方式:1、直接关闭当前窗口代码如下:<a href="javascript:window.opener=null;window.open('','_self');window.close();">关闭</a>2、自定义提示关闭代码如下:<script language="javascript">function custom_close(){if (confirm(&q
在一些不正规的网站,尤其是那些挂满广告的下载站,经常在你点击的下载链接之前,无论你点击网页的任何一处都会弹出新窗口。本文主要和大家介绍JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法,涉及javascript窗口的相关操作函数与使用技巧,需要的朋友可以参考下,希望能帮助到大家。

这样的效果,可以轻松用JavaScript做到,还可以专门指定点击某一区域的p,才触发打开新窗口的事件。

比如下图的效果:

在原网页中,指定一个p,无论用户点击这个p的任意区域,都会打开新窗口,而点击其它地方则不会。

在新窗口的地址栏不可以编辑,不能被调整大小,提供一个“关闭”按钮,关闭该窗口。

原网页的HTML布局如下,

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document</title> </head> <body> <p class="testClass" style="height:100px;border:1px solid #cccccc">点击此任意一处打开广告</p> </body></html>

没什么好说的,就一个class为testClass的p。

关键是以下脚本。

从以上的脚本可以看到window.open()这个方法参数很长。

其中:

第一个参数为空的意思,则意为新窗口的链接不是已有的网页,新窗口的内容是通过以下的两行Javascript生成的。如果要求新窗口的内容是已有的网页,则填写相应的url。

之后的参数是如下的意思,但只是对IE有效。

newwindow:弹出窗口的名字(不是文件名),非必须,可用空''代替。height=100:新窗口高度。width=400:新窗口宽度。top=0:新窗口距离当前窗口上方的像素值。left=0:窗口距离当前窗口左侧的像素值。toolbar=false:是否显示工具栏,menubar,scrollbars表示菜单栏和滚动栏。resizable=false:是否允许改变窗口大小location=false:是否启用新窗口地址栏status=false:是否显示状态栏。

小编还为您整理了以下内容,可能对您也有帮助:

怎样用JS实现关闭当前窗口

大约有三种方式:

1、直接关闭当前窗口代码如下:

<a href="javascript:window.opener=null;window.open('','_self');window.close();">关闭</a>

2、自定义提示关闭代码如下:

<script language="javascript">

function custom_close(){

if 

(confirm("您确定要关闭本页吗?")){

window.opener=null;

window.open('','_self');

window.close();

}

else{}

}

</script>

<input id="btnClose" type="button" value="关闭本页" onClick="custom_close()" />

3、关闭当前页面代码如下:

<a href="javascript:window.opener=null;window.close();">关闭</a>如果是按钮则:

Response.Write("<script language="javascript">window.opener=null;window.close();</script>");

这样点关闭的时候就不会弹出如当前窗口正试图关闭的对话框了.

拓展资料

1、JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

2、在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

如何用JS打开新窗口,并关闭原来窗口

做一个触摸屏查询系统,要打开新页面后关闭父界面 百度之functionopenNewWindow() { window.open("Index.aspx","","left=30,top=30,toolbar=no,menubar=no,scrollbars=no,resizable=no,status=no,location=no,directories=no,copyhistory=no,height=620,width=820"); window.opener=null; window.open("","_self"); window.close(); }

这样写的话,由于窗口拦截的原因,会使新窗口打不开,而且原来的窗口也被关闭了

于是再查询找到解决去方法在新页面中onload="window.opener。opener=null; window.opener.close();"

Javascript中打开新界面关闭当前界面

    function countDown(secs, surl) {
        //alert(surl);
        var jumpTo = document.getElementById('jumpTo');
        jumpTo.innerHTML = secs;
        if (--secs > 0) {
            setTimeout("countDown(" + secs + ",'" + surl + "')", 1000);
        }
        else {
            //兼容360,IE火狐的关闭窗口方法 > CHROME + Gecko + MS > 需要用户accept,除非通过用户的动作激发
                window.open(surl, "_blank");
                if (navigator.userAgent.indexOf("MSIE") > 0) {
                    if (navigator.userAgent.indexOf("MSIE 6.0") > 0) {
                        window.opener = null;
                        window.close();
                        this.parent.window.close();
                    } else {
                        window.open('', '_top');
                        window.top.close();
                        this.parent.window.close();
                    }
                } else if (navigator.userAgent.indexOf("Firefox") > 0) {
                    window.location = '';
                    window.top.close();
                    this.parent.window.location = surl;
                    this.parent.window.top.close();
                } else {
                    window.opener = null;
                    window.open('', '_self');
                    window.close();
                    this.parent.window.close();
                }
                //window.open('', "_blank");
                //window.close();
                //this.parent.window.close();
        }
    }

这个需要用户进行操作才能够不会被拦截--会被当作恶意弹窗处理

Javascript中打开新界面关闭当前界面

    function countDown(secs, surl) {
        //alert(surl);
        var jumpTo = document.getElementById('jumpTo');
        jumpTo.innerHTML = secs;
        if (--secs > 0) {
            setTimeout("countDown(" + secs + ",'" + surl + "')", 1000);
        }
        else {
            //兼容360,IE火狐的关闭窗口方法 > CHROME + Gecko + MS > 需要用户accept,除非通过用户的动作激发
                window.open(surl, "_blank");
                if (navigator.userAgent.indexOf("MSIE") > 0) {
                    if (navigator.userAgent.indexOf("MSIE 6.0") > 0) {
                        window.opener = null;
                        window.close();
                        this.parent.window.close();
                    } else {
                        window.open('', '_top');
                        window.top.close();
                        this.parent.window.close();
                    }
                } else if (navigator.userAgent.indexOf("Firefox") > 0) {
                    window.location = '';
                    window.top.close();
                    this.parent.window.location = surl;
                    this.parent.window.top.close();
                } else {
                    window.opener = null;
                    window.open('', '_self');
                    window.close();
                    this.parent.window.close();
                }
                //window.open('', "_blank");
                //window.close();
                //this.parent.window.close();
        }
    }

这个需要用户进行操作才能够不会被拦截--会被当作恶意弹窗处理

请教一个js问题,关于window打开新窗口,并关闭新窗口。

第二句window.open('','_self')导致的页面刷新。

应该你把function close()这个函数删掉就解决问题了。有用请采纳。

你即便不定义这个函数onclick="close()"也能关闭窗口,如果关不了就用onclick="window.close()"追问函数必须要有,因为我还要触发一些额外的操作。至于 window.opener=null; window.open('','_self');window.close();这两行代码是我上网查的,强制关闭窗口(不会弹出提示框)用的,而且起到关闭窗口的作用了,只是在刷新后第二次点击的时候起作用。即便是我去掉window.open('','_self')这句,直接window.close(),也会刷新一遍后窗口最大化,应该不是那句的问题.....

追答那你把onclick="close()"变成onclick="closeWindow()"好了,然后
function closeWindow() {
close();//和window.close()等效,也是你自定义close函数出问题的原因,你和window.close()冲突。例如var a = 5; window.a = 6; alert(a); 你会看到6而不是5。

}
从网上找的代码最好测试一下,很多都有兼容性问题。以上代码我在firefox上测试是没问题的,而且一般来说对于window.open打开的新窗口执行close就会关闭,根本不会有提示窗口的。那种强制关闭之类的不是IE6就是IE5.5才有的特征。

请教一个js问题,关于window打开新窗口,并关闭新窗口。

第二句window.open('','_self')导致的页面刷新。

应该你把function close()这个函数删掉就解决问题了。有用请采纳。

你即便不定义这个函数onclick="close()"也能关闭窗口,如果关不了就用onclick="window.close()"追问函数必须要有,因为我还要触发一些额外的操作。至于 window.opener=null; window.open('','_self');window.close();这两行代码是我上网查的,强制关闭窗口(不会弹出提示框)用的,而且起到关闭窗口的作用了,只是在刷新后第二次点击的时候起作用。即便是我去掉window.open('','_self')这句,直接window.close(),也会刷新一遍后窗口最大化,应该不是那句的问题.....

追答那你把onclick="close()"变成onclick="closeWindow()"好了,然后
function closeWindow() {
close();//和window.close()等效,也是你自定义close函数出问题的原因,你和window.close()冲突。例如var a = 5; window.a = 6; alert(a); 你会看到6而不是5。

}
从网上找的代码最好测试一下,很多都有兼容性问题。以上代码我在firefox上测试是没问题的,而且一般来说对于window.open打开的新窗口执行close就会关闭,根本不会有提示窗口的。那种强制关闭之类的不是IE6就是IE5.5才有的特征。

用javascript 怎么在指定位置打开网页

window.open ('page.html', 'newwindow', 'height=100, width=400, top=10, left=10, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')

在离左侧10px,顶部10px,打开一个高100,宽400的页面代码

height=100 窗口高度;

width=400 窗口宽度;

top=0 窗口距离屏幕上方的象素值;

left=0 窗口距离屏幕左侧的象素值;

toolbar=no 是否显示工具栏,yes为显示;

menubar,scrollbars 表示菜单栏和滚动栏。

resizable=no 是否允许改变窗口大小,yes为允许;

location=no 是否显示地址栏,yes为允许;

status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;

javascript的关闭窗口的代码

关闭窗口
window.close()关闭指定的浏览器窗口。如果不带窗口引用调用close()函数,JavaScript就关闭当前窗口。在事件处理程序中,你必须指定window.close(),而不能仅仅使用close()。由于JavaScript总静态对象的作用范围,不带对象名字的close()调用等价于document.close()。

如果你执行close()方法去关闭一个不是由脚本程序打开的窗口,就会出现一个确认对话框让用户选择是否关闭窗口。如果在历史列表中只有当前一个记录,那么在Navigator中就不会出现对话框。然而,如果你使用close()退出最后运行的浏览器实例,确认对话框就会出现。看看下面在2类浏览器中出现的对话框样子:

点击下面的链接打开一个新窗口,其中内容是tryclose.html:

Launch Window (with JavaScript)

Launch Window (with HTML)

第1个链接使用JavaScript的window.open()方法来打开一个窗口,第2个链接简单地使用TARGET属性实现同样目的:

<A HREF="javascript:void(window.open('tryclose.html'))">Launch Window (with JavaScript)</A><BR>

<A HREF="tryclose.html" TARGET="_blank">Launch Window (with HTML)</A>

页面tryclose.html显示一个按钮,它负责执行window.close()方法:

<FORM><INPUT TYPE="button" VALUE="Close Window" onClick="window.close()"></FORM>

当你点击第1个链接打开新窗口后,浏览器就“记住”了它是由一个脚本程序生成的。所以,当你点击按钮时,新窗口不用再确认操作就被关闭。第2个链接是另外一回事了,它不使用任何JavaScript打开一个新窗口,当你点击按钮时,Internet Explorer将显示一个确认对话框。然而,Navigator立即关闭这个窗口,因为,新窗口在会话历史中没有任何文档。

JavaScript允许你在其他的窗口使用一段脚本程序关闭另外一个窗口。

点击后关闭的窗口
许多标准的应用程序都有一个About对话框,当用户在其中任何地方点击一次鼠标时,窗口就被关闭。下面就对窗口使用JavaScript来实现同样的效果。首先,请看看打开新窗口的代码:

<SCRIPT LANGUAGE="JavaScript">

<!--

function launchAbout() {

about = window.open("about.html", "about", "height=75,width=250");

return false;

}

// -->

</SCRIPT>

<A HREF="about.html" onClick="return launchAbout()">About</A>

点击链接后,生成一个新窗口。然后,你可以在其中点击任何地方,就关闭那个窗口。在文件about.html的HEAD区域,添加下面的脚本程序:

<SCRIPT LANGUAGE="JavaScript">

<!--

function closeWin() {

window.close();

}

if (window.Event) document.captureEvents(Event.ONCLICK);

document.onclick = closeWin;

// -->

</SCRIPT>

GOOD LUCK

javascript的关闭窗口的代码

关闭窗口
window.close()关闭指定的浏览器窗口。如果不带窗口引用调用close()函数,JavaScript就关闭当前窗口。在事件处理程序中,你必须指定window.close(),而不能仅仅使用close()。由于JavaScript总静态对象的作用范围,不带对象名字的close()调用等价于document.close()。

如果你执行close()方法去关闭一个不是由脚本程序打开的窗口,就会出现一个确认对话框让用户选择是否关闭窗口。如果在历史列表中只有当前一个记录,那么在Navigator中就不会出现对话框。然而,如果你使用close()退出最后运行的浏览器实例,确认对话框就会出现。看看下面在2类浏览器中出现的对话框样子:

点击下面的链接打开一个新窗口,其中内容是tryclose.html:

Launch Window (with JavaScript)

Launch Window (with HTML)

第1个链接使用JavaScript的window.open()方法来打开一个窗口,第2个链接简单地使用TARGET属性实现同样目的:

<A HREF="javascript:void(window.open('tryclose.html'))">Launch Window (with JavaScript)</A><BR>

<A HREF="tryclose.html" TARGET="_blank">Launch Window (with HTML)</A>

页面tryclose.html显示一个按钮,它负责执行window.close()方法:

<FORM><INPUT TYPE="button" VALUE="Close Window" onClick="window.close()"></FORM>

当你点击第1个链接打开新窗口后,浏览器就“记住”了它是由一个脚本程序生成的。所以,当你点击按钮时,新窗口不用再确认操作就被关闭。第2个链接是另外一回事了,它不使用任何JavaScript打开一个新窗口,当你点击按钮时,Internet Explorer将显示一个确认对话框。然而,Navigator立即关闭这个窗口,因为,新窗口在会话历史中没有任何文档。

JavaScript允许你在其他的窗口使用一段脚本程序关闭另外一个窗口。

点击后关闭的窗口
许多标准的应用程序都有一个About对话框,当用户在其中任何地方点击一次鼠标时,窗口就被关闭。下面就对窗口使用JavaScript来实现同样的效果。首先,请看看打开新窗口的代码:

<SCRIPT LANGUAGE="JavaScript">

<!--

function launchAbout() {

about = window.open("about.html", "about", "height=75,width=250");

return false;

}

// -->

</SCRIPT>

<A HREF="about.html" onClick="return launchAbout()">About</A>

点击链接后,生成一个新窗口。然后,你可以在其中点击任何地方,就关闭那个窗口。在文件about.html的HEAD区域,添加下面的脚本程序:

<SCRIPT LANGUAGE="JavaScript">

<!--

function closeWin() {

window.close();

}

if (window.Event) document.captureEvents(Event.ONCLICK);

document.onclick = closeWin;

// -->

</SCRIPT>

GOOD LUCK

求JS 点击打开新窗口HTML代码!

window.showModalDialog方式
function ShowDialog(url) {
var iWidth=300; //窗口宽度
var iHeight=200;//窗口高度
var iTop=(window.screen.height-iHeight)/2;
var iLeft=(window.screen.width-iWidth)/2;
window.showModalDialog(url,window,"dialogHeight: "+iHeight+"px; dialogWidth: "+iWidth+"px;
dialogTop: "+iTop+"; dialogLeft: "+iLeft+"; resizable: no; status: no;scroll:no");
}

用window.showModalDialog作的可以不被拦截

求JS 点击打开新窗口HTML代码!

window.showModalDialog方式
function ShowDialog(url) {
var iWidth=300; //窗口宽度
var iHeight=200;//窗口高度
var iTop=(window.screen.height-iHeight)/2;
var iLeft=(window.screen.width-iWidth)/2;
window.showModalDialog(url,window,"dialogHeight: "+iHeight+"px; dialogWidth: "+iWidth+"px;
dialogTop: "+iTop+"; dialogLeft: "+iLeft+"; resizable: no; status: no;scroll:no");
}

用window.showModalDialog作的可以不被拦截

js如何打开新页面打开新窗口打开页面js在新窗口打开页面

如何在js中打开新页面?

制作标签的网页版,或者播放图层。网上有很多代码。jQuery弹出窗口,jQuery选项卡,Jquery选项卡。

使用get将表单中填写的两个值提交到一个新页面,新页面将如下所示:ml?num1=yyyscript>标签,输入js代码:vara=inputtype=textvalue=test/>;document.body.innerText=a;。

3、浏览器运行index.html页面,此时html代码被当成字符串渲染到了页面上。

怎么开启javascript?

浏览器开启JavaScript脚本方法

随着网站设计技术的发展,为了用户友好体验,大部分网站使用了JavaScript脚本设计,如果您的浏览器禁用或关闭的JavaScript支持,那么可能造成网站体验差或网站部分功能无法使用。下面提供10种浏览器如何开启JavaScript的方法。请先选择您试用的什么浏览器。IE(IE浏览器)360(360浏览器)TT(腾讯TT浏览器)Sougou(搜狐搜狗浏览器)Firefox(火狐浏览器)Opera(Opera浏览器)Safari(Safari浏览器)GoogleChrome(谷歌浏览器)TheWorld(世界之窗浏览器)Avant(Avant浏览器)1、IE浏览器开启JavaScript方法:在IE界面菜单栏中“工具”中选择“Internet选项”_“安全”选项卡_选择“Internet”(蓝色的小地球)_“自定义级别”_找到“脚本”下的“Java小程序脚本”中进行启用。如下图所示,设置完成后,重新打开浏览器设置即可生效。2、360浏览器开启JavaScript方法:在360界面菜单栏的“工具”中选择“360安全浏览器选项”_“网页设置”选项_在网页设置选项中取消“不支持Java小程序”。如下图所示,设置完成后,重新打开浏览器设置即可生效。3、腾讯TT浏览器开启JavaScript方法:打开TT浏览器,点击右上方的“菜单”-选择“工具”-选择“TT选项”,在打开的设置界面中选择“智能屏蔽”,在智能屏蔽设置页面中将“禁止运行Java程序”取消,点击保存,重新启动浏览器设置即可生效。4、搜狗浏览器开启JavaScript方法:目前,搜狗开启JavaScript方法继承于IE浏览器,IE浏览器开启JavaScript方法5、火狐浏览器开启JavaScript方法:打开火狐浏览器界面,在菜单栏中选择“工具”_“选项”_“内容”中可见到“启用JavaScript”的选项,重新启动浏览器即可。6、Opera浏览器开启JavaScript方法:打开Opera浏览器,在菜单栏中选择“工具”_“首选项”_“高级”选项卡_“内容”中的“允许使用JavaScript”可以设置,重新启动浏览器即可。7、Safari浏览器开启JavaScript方法:5以Beta4英文版为准,在“Preferences”_“Security”选项卡中的“EnableJavaScript”,勾选上则是打开,反之是禁用,重新启动浏览器即可。8、谷歌浏览器开启JavaScript方法:打开谷歌浏览器,点击右上方扳手样式的图片-选择“选项”-选择“高级选项”-选项“内容设置”-选择“JavaScript”-选择“运行所有网站运行JavaScript(推荐)”,设置完成重新打开浏览器即可。9、世界之窗浏览器开启JavaScript方法:打开世界之窗浏览器,在上方菜单栏中点击“工具”-选择“选项”-在打开的设置页面选择“页面设置”-页面内容中选择将“不执行Java小程序”取消,即可完成设置,重新启动浏览器即可。10、Avant浏览器开启JavaScript方法:1、打开Avant浏览器,在菜单栏点击右上方选择“工具”-将“禁止运行Java小程序”前对勾取消。2、打开Avant浏览器,在菜单栏点击右上方选择“工具”-选择“AvantBrowser选项”-选择“浏览选项”-将“禁止运行Java小程序”前对勾取消即可完成设置,重新启动浏览器即可。

如何实现更新后跳转到先访问页面?

简单点的办法就是在主页加载一个浮动的IFRAME,并提供一个隐藏它的按钮.用IFRAME显示其它页,这样当IFRAME被隐藏之后就能看到主页了.或者使用弹窗,在主页打开后用弹窗加载另一页面,但有可能被浏览器拦截.如果只使用一个窗口是无法实现的,你想啊,窗口都关闭了,你的JS还管什么用,难道自己重打开窗口吗?

js如何判断一个页面是否已跳转到指定的页面了呢?

1、通过Request.UrlReferrer进行判断2、可以在地址后面加个参数然后根据传过来的参数进行判断

JS 打开新窗口的方法,求助

Window.Open详解

Window.Open详解

一、window.open()支持环境:
JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+

二、基本语法:
window.open(pageURL,name,parameters)
其中:
pageURL 为子窗口路径
name 为子窗口句柄
parameters 为窗口参数(各参数用逗号分隔)

三、示例:
<SCRIPT>
<!--
window.open ('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')
//写成一行
-->
</SCRIPT>

脚本运行后,page.html将在新窗体newwindow中打开,宽为100,高为400,距屏顶0象素,屏左0象素,无工具条,无菜单条,无滚动条,不可调整大小,无地址栏,无状态栏。请对照。
上例中涉及的为常用的几个参数,除此以外还有很多其他参数,请见四。

四、各项参数
其中yes/no也可使用1/0;pixel value为具体的数值,单位象素。

参数 | 取值范围 | 说明

alwaysLowered | yes/no | 指定窗口隐藏在所有窗口之后
alwaysRaised | yes/no | 指定窗口悬浮在所有窗口之上
depended | yes/no | 是否和父窗口同时关闭
directories | yes/no | Nav2和3的目录栏是否可见
height | pixel value | 窗口高度
hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键
innerHeight | pixel value | 窗口中文档的像素高度
innerWidth | pixel value | 窗口中文档的像素宽度
location | yes/no | 位置栏是否可见
menubar | yes/no | 菜单栏是否可见
outerHeight | pixel value | 设定窗口(包括装饰边框)的像素高度
outerWidth | pixel value | 设定窗口(包括装饰边框)的像素宽度
resizable | yes/no | 窗口大小是否可调整
screenX | pixel value | 窗口距屏幕左边界的像素长度
screenY | pixel value | 窗口距屏幕上边界的像素长度
scrollbars | yes/no | 窗口是否可有滚动栏
titlebar | yes/no | 窗口题目栏是否可见
toolbar | yes/no | 窗口工具栏是否可见
Width | pixel value | 窗口的像素宽度
z-look | yes/no | 窗口被激活后是否浮在其它窗口之上

=====================================================

【1、最基本的弹出窗口代码】
其实代码非常简单:
<SCRIPT LANGUAGE="javascript">
<!--
window.open ('page.html')
-->
</SCRIPT>

因为着是一段javascripts代码,所以它们应该放在<SCRIPT LANGUAGE="javascript">标签和</script>之间。<!-- 和 -->是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。
Window.open ('page.html') 用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以,只是不要混用。
这一段代码可以加入HTML的任意位置,<head>和</head>之间可以,<body>间</body>也可以,越前越早执行,尤其是页面代码长,又想使页面早点弹出就尽量往前放。

【2、经过设置后的弹出窗口】

下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。
我们来定制这个弹出的窗口的外观,尺寸大小,弹出的位置以适应该页面的具体情况。
<SCRIPT LANGUAGE="javascript">
<!--
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
//写成一行
-->
</SCRIPT>

参数解释:
<SCRIPT LANGUAGE="javascript"> js脚本开始;
window.open 弹出新窗口的命令;
'page.html' 弹出窗口的文件名;
'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替;
height=100 窗口高度;
width=400 窗口宽度;
top=0 窗口距离屏幕上方的象素值;
left=0 窗口距离屏幕左侧的象素值;
toolbar=no 是否显示工具栏,yes为显示;
menubar,scrollbars 表示菜单栏和滚动栏。
Resizable=no 是否允许改变窗口大小,yes为允许;
location=no 是否显示地址栏,yes为允许;
status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
</SCRIPT> js脚本结束

【3、用函数控制弹出窗口】

下面是一个完整的代码。

<html>
<head>
<script LANGUAGE="JavaScript">
<!--
function openwin() { window.open ("page.html", "newwindow", "height=100, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
//写成一行
}
//-->
</script>
</head>
<body onload="openwin()">
…任意的页面内容…
</body>
</html>

这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。
怎么调用呢?
方法一:<body onload="openwin()"> 浏览器读页面时弹出窗口;
方法二:<body onunload="openwin()"> 浏览器离开页面时弹出窗口;
方法三:用一个连接调用:
<a href="#" onclick="openwin()">打开一个窗口</a>
注意:使用的"#"是虚连接。
方法四:用一个按钮调用:
<input type="button" onclick="openwin()" value="打开窗口">

【4、同时弹出2个窗口】

对源代码稍微改动一下:

<script LANGUAGE="JavaScript">
<!--
function openwin()
{ window.open ("page.html", "newwindow", "height=100, width=100, top=0,left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
//写成一行
window.open ("page2.html", "newwindow2", "height=100, width=100, top=100, left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
//写成一行
}
//-->
</script>

为避免弹出的2个窗口覆盖,用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四种方法调用即可。
注意:2个窗口的name(newwindows和newwindow2)不要相同,或者干脆全部为空。OK?

【5、主窗口打开文件1.htm,同时弹出小窗口page.html】

如下代码加入主窗口<head>区:

<script language="javascript">
<!--
function openwin()
{window.open("page.html","","width=200,height=200")
}
//-->
</script>

加入<body>区:
<a href="1.htm" onclick="openwin()">open</a>即可。

【6、弹出的窗口之定时关闭控制】

下面我们再对弹出的窗口进行一些控制,效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中,可不是主页面中,否则…),让它10秒后自动关闭是不是更酷了?
首先,将如下代码加入page.html文件的<head>区:

<script language="JavaScript">
function closeit()
{setTimeout("self.close()",10000) //毫秒}
</script>

然后,再用<body onload="closeit()"> 这一句话代替page.html中原有的<BODY>这一句就可以了。(这一句话千万不要忘记写啊!这一句的作用是调用关闭窗口的代码,10秒钟后就自行关闭该窗口。)

【7、在弹出窗口中加上一个关闭按钮】
<FORM>
<INPUT TYPE='BUTTON' VALUE='关闭' onClick='window.close()'>
</FORM>

呵呵,现在更加完美了!

【8、内包含的弹出窗口-一个页面两个窗口】

上面的例子都包含两个窗口,一个是主窗口,另一个是弹出的小窗口。
通过下面的例子,你可以在一个页面内完成上面的效果。
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
function openwin()
{OpenWindow=window.open("", "newwin", "height=250, width=250,toolbar=no,scrollbars="+scroll+",menubar=no");
//写成一行
OpenWindow.document.write("<TITLE>例子</TITLE>")
OpenWindow.document.write("<BODY BGCOLOR=#ffffff>")
OpenWindow.document.write("<h1>Hello!</h1>")
OpenWindow.document.write("New window opened!")
OpenWindow.document.write("</BODY>")
OpenWindow.document.write("</HTML>")
OpenWindow.document.close()}
</SCRIPT>
</head>
<body>
<a href="#" onclick="openwin()">打开一个窗口</a>
<input type="button" onclick="openwin()" value="打开窗口">
</body>
</html>

看看 OpenWindow.document.write()里面的代码不就是标准的HTML吗?只要按照格式写更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用OpenWindow.document.close()结束啊。

【9、终极应用--弹出的窗口之Cookie控制】

回想一下,上面的弹出窗口虽然酷,但是有一点小毛病(沉浸在喜悦之中,一定没有发现吧?)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页),那么每次刷新这个页面,窗口都会弹出一次,是不是非常烦人?:-(有解决的办法吗?Yes! ;-) Follow me.
我们使用cookie来控制一下就可以了。
首先,将如下代码加入主页面HTML的<HEAD>区:
<script>
function openwin()
{window.open("page.html","","width=200,height=200")}
function get_cookie(Name)
{var search = Name + "="
var returnvalue = "";
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 loadpopup(){
if (get_cookie('popped')==''){
openwin()
document.cookie="popped=yes"
}
}
</script>

然后,用<body onload="loadpopup()">(注意不是openwin而是loadpop啊!)替换主页面中原有的<BODY>这一句即可。你可以试着刷新一下这个页面或重新进入该页面,窗口再也不会弹出了。真正的Pop-Only-Once!
写到这里弹出窗口的制作和应用技巧基本上算是完成了,需要注意的是,JS脚本中的的大小写最好前后保持一致。

JS 打开新窗口的方法,求助

Window.Open详解

Window.Open详解

一、window.open()支持环境:
JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+

二、基本语法:
window.open(pageURL,name,parameters)
其中:
pageURL 为子窗口路径
name 为子窗口句柄
parameters 为窗口参数(各参数用逗号分隔)

三、示例:
<SCRIPT>
<!--
window.open ('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')
//写成一行
-->
</SCRIPT>

脚本运行后,page.html将在新窗体newwindow中打开,宽为100,高为400,距屏顶0象素,屏左0象素,无工具条,无菜单条,无滚动条,不可调整大小,无地址栏,无状态栏。请对照。
上例中涉及的为常用的几个参数,除此以外还有很多其他参数,请见四。

四、各项参数
其中yes/no也可使用1/0;pixel value为具体的数值,单位象素。

参数 | 取值范围 | 说明

alwaysLowered | yes/no | 指定窗口隐藏在所有窗口之后
alwaysRaised | yes/no | 指定窗口悬浮在所有窗口之上
depended | yes/no | 是否和父窗口同时关闭
directories | yes/no | Nav2和3的目录栏是否可见
height | pixel value | 窗口高度
hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键
innerHeight | pixel value | 窗口中文档的像素高度
innerWidth | pixel value | 窗口中文档的像素宽度
location | yes/no | 位置栏是否可见
menubar | yes/no | 菜单栏是否可见
outerHeight | pixel value | 设定窗口(包括装饰边框)的像素高度
outerWidth | pixel value | 设定窗口(包括装饰边框)的像素宽度
resizable | yes/no | 窗口大小是否可调整
screenX | pixel value | 窗口距屏幕左边界的像素长度
screenY | pixel value | 窗口距屏幕上边界的像素长度
scrollbars | yes/no | 窗口是否可有滚动栏
titlebar | yes/no | 窗口题目栏是否可见
toolbar | yes/no | 窗口工具栏是否可见
Width | pixel value | 窗口的像素宽度
z-look | yes/no | 窗口被激活后是否浮在其它窗口之上

=====================================================

【1、最基本的弹出窗口代码】
其实代码非常简单:
<SCRIPT LANGUAGE="javascript">
<!--
window.open ('page.html')
-->
</SCRIPT>

因为着是一段javascripts代码,所以它们应该放在<SCRIPT LANGUAGE="javascript">标签和</script>之间。<!-- 和 -->是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。
Window.open ('page.html') 用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以,只是不要混用。
这一段代码可以加入HTML的任意位置,<head>和</head>之间可以,<body>间</body>也可以,越前越早执行,尤其是页面代码长,又想使页面早点弹出就尽量往前放。

【2、经过设置后的弹出窗口】

下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。
我们来定制这个弹出的窗口的外观,尺寸大小,弹出的位置以适应该页面的具体情况。
<SCRIPT LANGUAGE="javascript">
<!--
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
//写成一行
-->
</SCRIPT>

参数解释:
<SCRIPT LANGUAGE="javascript"> js脚本开始;
window.open 弹出新窗口的命令;
'page.html' 弹出窗口的文件名;
'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替;
height=100 窗口高度;
width=400 窗口宽度;
top=0 窗口距离屏幕上方的象素值;
left=0 窗口距离屏幕左侧的象素值;
toolbar=no 是否显示工具栏,yes为显示;
menubar,scrollbars 表示菜单栏和滚动栏。
Resizable=no 是否允许改变窗口大小,yes为允许;
location=no 是否显示地址栏,yes为允许;
status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
</SCRIPT> js脚本结束

【3、用函数控制弹出窗口】

下面是一个完整的代码。

<html>
<head>
<script LANGUAGE="JavaScript">
<!--
function openwin() { window.open ("page.html", "newwindow", "height=100, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
//写成一行
}
//-->
</script>
</head>
<body onload="openwin()">
…任意的页面内容…
</body>
</html>

这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。
怎么调用呢?
方法一:<body onload="openwin()"> 浏览器读页面时弹出窗口;
方法二:<body onunload="openwin()"> 浏览器离开页面时弹出窗口;
方法三:用一个连接调用:
<a href="#" onclick="openwin()">打开一个窗口</a>
注意:使用的"#"是虚连接。
方法四:用一个按钮调用:
<input type="button" onclick="openwin()" value="打开窗口">

【4、同时弹出2个窗口】

对源代码稍微改动一下:

<script LANGUAGE="JavaScript">
<!--
function openwin()
{ window.open ("page.html", "newwindow", "height=100, width=100, top=0,left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
//写成一行
window.open ("page2.html", "newwindow2", "height=100, width=100, top=100, left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
//写成一行
}
//-->
</script>

为避免弹出的2个窗口覆盖,用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四种方法调用即可。
注意:2个窗口的name(newwindows和newwindow2)不要相同,或者干脆全部为空。OK?

【5、主窗口打开文件1.htm,同时弹出小窗口page.html】

如下代码加入主窗口<head>区:

<script language="javascript">
<!--
function openwin()
{window.open("page.html","","width=200,height=200")
}
//-->
</script>

加入<body>区:
<a href="1.htm" onclick="openwin()">open</a>即可。

【6、弹出的窗口之定时关闭控制】

下面我们再对弹出的窗口进行一些控制,效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中,可不是主页面中,否则…),让它10秒后自动关闭是不是更酷了?
首先,将如下代码加入page.html文件的<head>区:

<script language="JavaScript">
function closeit()
{setTimeout("self.close()",10000) //毫秒}
</script>

然后,再用<body onload="closeit()"> 这一句话代替page.html中原有的<BODY>这一句就可以了。(这一句话千万不要忘记写啊!这一句的作用是调用关闭窗口的代码,10秒钟后就自行关闭该窗口。)

【7、在弹出窗口中加上一个关闭按钮】
<FORM>
<INPUT TYPE='BUTTON' VALUE='关闭' onClick='window.close()'>
</FORM>

呵呵,现在更加完美了!

【8、内包含的弹出窗口-一个页面两个窗口】

上面的例子都包含两个窗口,一个是主窗口,另一个是弹出的小窗口。
通过下面的例子,你可以在一个页面内完成上面的效果。
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
function openwin()
{OpenWindow=window.open("", "newwin", "height=250, width=250,toolbar=no,scrollbars="+scroll+",menubar=no");
//写成一行
OpenWindow.document.write("<TITLE>例子</TITLE>")
OpenWindow.document.write("<BODY BGCOLOR=#ffffff>")
OpenWindow.document.write("<h1>Hello!</h1>")
OpenWindow.document.write("New window opened!")
OpenWindow.document.write("</BODY>")
OpenWindow.document.write("</HTML>")
OpenWindow.document.close()}
</SCRIPT>
</head>
<body>
<a href="#" onclick="openwin()">打开一个窗口</a>
<input type="button" onclick="openwin()" value="打开窗口">
</body>
</html>

看看 OpenWindow.document.write()里面的代码不就是标准的HTML吗?只要按照格式写更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用OpenWindow.document.close()结束啊。

【9、终极应用--弹出的窗口之Cookie控制】

回想一下,上面的弹出窗口虽然酷,但是有一点小毛病(沉浸在喜悦之中,一定没有发现吧?)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页),那么每次刷新这个页面,窗口都会弹出一次,是不是非常烦人?:-(有解决的办法吗?Yes! ;-) Follow me.
我们使用cookie来控制一下就可以了。
首先,将如下代码加入主页面HTML的<HEAD>区:
<script>
function openwin()
{window.open("page.html","","width=200,height=200")}
function get_cookie(Name)
{var search = Name + "="
var returnvalue = "";
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 loadpopup(){
if (get_cookie('popped')==''){
openwin()
document.cookie="popped=yes"
}
}
</script>

然后,用<body onload="loadpopup()">(注意不是openwin而是loadpop啊!)替换主页面中原有的<BODY>这一句即可。你可以试着刷新一下这个页面或重新进入该页面,窗口再也不会弹出了。真正的Pop-Only-Once!
写到这里弹出窗口的制作和应用技巧基本上算是完成了,需要注意的是,JS脚本中的的大小写最好前后保持一致。

关闭网页自动弹出另一个网页的js代码

方法一:

<body onunload="window.open('弹出.htm');">

方法二:

<head>

<script>

window.onunload=function(){window.open("弹出.htm");}

</script>

</head>

方法三:

<body onunload="if(window.screenLeft>=10000 && window.screenTop>=10000){window.open('弹出.htm')}">

以上方法都能实现关闭后弹出网页的效果。(IE浏览器) 方法一和二是关闭窗口和刷新窗口都会弹出。方法三只有关闭窗口才会弹出!

求关闭网页自动会弹出加入收藏夹的代码

列一

<html> <head> <title>测试加入收藏夹</title> <script language="javascript"> function booktag(){ window.external.AddFavorite("http://.com", "百度"); } </script> </head> <body onunload="booktag()">测试关闭页面加入收藏</body></htmlL>

列二

<html> <head> <title>收藏夹</title> <script language="javascript"> function bookmark(){ window.external.AddFavorite("http://bare.jobidc.com/", "百度"); } </script> </head> <body onunload="bookmark()">关闭网页时弹出加入收藏夹对话框</body></htmlL>

求,关闭网站后自动弹出新网页的代码,急!

如:在浏览并关闭www.BAIDU.COM后,自动弹出zhidao.baidu.com这个页面,需要什么JS代码,谢谢提供答案的人。

列一

很简单,你在你的页里面任何位置加入以下代码就行拉: <script type="text/javascript"> window.onunload = function() { window.open("http://zhidao.baidu.com"); } </script> 祝你好运

列二

<script> function aaa(){ open(http://bare.jobidc.com); } </script> </head> <body onunload="aaa()"> </body> 就是一个关闭后的事件函数

优显汽车网还为您提供以下相关内容希望对您有帮助:

js如何打开新页面打开新窗口打开页面js在新窗口打开页面

在打开的设置界面中选择“智能屏蔽”,在智能屏蔽设置页面中将“禁止运行Java程序”取消,点击保存,重新启动浏览器设置即可生效。

怎样用JS实现关闭当前窗口

1、直接关闭当前窗口代码如下:关闭 2、自定义提示关闭代码如下:function custom_close(){if (confirm("您确定要关闭本页吗?")){window.opener=null;window.open('','_self');window.close();}else{}} 3、...

js如何打开一个新窗口js如何打开一个新窗口快捷键

1.首先打开电脑,然后打开JS,在里面创建一个HTML文件“test”。2.然后将HTML框架添加到测试文件中。3.然后添加两个输入,一个是按钮,另一个是文件。ID设置为“打开”,样式类型为“显示:无”,并且不显示。4.打开后,只...

Javascript中打开新界面关闭当前界面

IE火狐的关闭窗口方法 &gt; CHROME + Gecko + MS &gt; 需要用户accept,除非通过用户的动作激发 window.open(surl, "_blank"); if (navigator.userAgent

如何用JS打开新窗口,并关闭原来窗口

copyhistory=no,height=620,width=820"); window.opener=null; window.open("","_self"); window.close(); } 这样写的话,由于窗口拦截的原因,会使新窗口打不开,而且原来的窗口也被关闭了 于是再查询找到解决去...

制作Javascript弹出窗口技巧九则

注意 个窗口的name(newwindows和newwindow )不要相同 或者干脆全部为空 OK? 主窗口打开文件 同时弹出小窗口l 如下代码加入主窗口&lt; head&gt;区 &lt; script language= javascript &gt; &lt; ! function openwin() { window open( l ...

急用:网页设计:如何用JS实现:单击按钮就新打开一个的窗口,并设计该窗口...

&lt;SCRIPT LANGUAGE="javascript"&gt; js脚本开始; window.open 弹出新窗口的命令; 'page.html' 弹出窗口的文件名; 'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替; height=100 窗口高度; width=400 窗口宽度; ...

js如何弹出页面js如何弹出页面窗口

【经过设置后的弹出窗口】 下面再说一说弹出窗口外观的设置。只要再往上面的代码中加一点东西就可以了。 我们来定制这个弹出窗口的外观、尺寸大小、弹出位置以适应该页面的具体情况。 SCRIPTLANGUAGE="javascript"&gt; !-- window.open('pag...

js怎么打开一个新窗口js怎么打开一个新窗口快捷键

2.第2和第4种情况,也是相同的。_top表示整页窗口,_parent表示父窗口。实际使用中,它们没有任何区别,地址栏会变化。在html中,点击一个按钮,打开一个新窗口,原页面同时跳转到某一个新界面的代码怎么写?buttonid="...

如何使用HTML实现点击一个链接打开新窗口

比如关闭一个窗口:,或者弹出一个新的窗口。这样来实现窗口的操作。当然也有人会用 onclick事件来实现打开或者关闭窗口, 打开新窗口。那么他们之间到底有什么区别呢?下面来好好分析一下 关闭窗口时,浏览器不会弹出...

上一篇:node单线程实现高并发原理

下一篇:利用百度地图实现地图网格的实例分享

Top