Window.Open参数、返回值js弹窗

合集下载

JS各种弹出窗口

;script language="＆#106avascript"></script>为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四种方法调用即可。注意：2个窗口的name(newwindows和newwindow2)不要相同，或者干脆全部为空。ok？
【1、最基本的弹出窗口代码】
其实代码非常简单：<script language="＆#106avascript"></script>因为着是一段＆#106avascripts代码，所以它们应该放在<script language="＆#106avascript">标签和</script>之间。是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。window.open ('page.html') 用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以，只是不要混用。这一段代码可以加入html的任意位置，<head>和</head>之间可以，<body>间</body>也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。

Javascript弹窗代码大全(收集)

弹窗代码大全(收集)以下包括强制弹窗 24小时IP弹窗延时弹窗退弹等我们使用cookie来控制一下就可以了。

首先，将如下代码加入主页面html的<head>区：<script>function openwin(){window.open(”page.html”,”",”width=200,height=200″)}function get_cookie(name){var search = name + “=”var returnvalue = “”;if (documents.cookie.length > 0) {offset = documents.cookie.indexof(search)if (offset != -1) {offset += search.lengthend = documents.cookie.indexof(”;”, offset);if (end == -1)end = documents.cookie.length;returnvalue=”/unescape(documents.cookie.substring(offset,end))”}}return returnvalue;}function loadpopup(){if (get_cookie(’popped’)==”){openwin()documents.cookie=”popped=yes”}}</script>然后，用<body onload=”loadpopup()”>（注意不是openwin而是loadpop啊！）替换主页面中原有的<body>这一句即可。

你可以试着刷新一下这个页面或重新进入该页面，窗口再也不会弹出了。

真正的pop-only-once！写到这里弹出窗口的制作和应用技巧基本上算是完成了，俺也累坏了，一口气说了这么多，希望对正在制作网页的朋友有所帮助俺就非常欣慰了。

jswindow.open（）弹出窗口参数说明及居中设置

jswindow.open（）弹出窗⼝参数说明及居中设置window.open()可以弹出⼀个新的窗⼝，并且通过参数控制窗⼝的各项属性。

最基本的弹出窗⼝代码window.open('/');w indo w.o pen()各参数详解⽰例代码：window.open('/', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no')各参数详解‘/’ ：弹出窗⼝的地址；‘newwindow’ ：弹出窗⼝的名字（不是⽂件名），⾮必须，可⽤空”代替；height=100 ：窗⼝⾼度；width=400 ：窗⼝宽度；top=0 ：窗⼝距离屏幕上⽅的象素值；left=0 ：窗⼝距离屏幕左侧的象素值；toolbar=no ：是否显⽰⼯具栏，yes为显⽰；menubar，scrollbars ：表⽰菜单栏和滚动栏。

resizable=no ：是否允许改变窗⼝⼤⼩，yes为允许；location=no ：是否显⽰地址栏，yes为允许；status=no ：是否显⽰状态栏内的信息（通常是⽂件已经打开），yes为允许；弹出窗⼝居中⽅法function openWin(url,name,iWidth,iHeight) {//获得窗⼝的垂直位置var iTop = (window.screen.availHeight - 30 - iHeight) / 2;//获得窗⼝的⽔平位置var iLeft = (window.screen.availWidth - 10 - iWidth) / 2;window.open(url, name, 'height=' + iHeight + ',innerHeight=' + iHeight + ',width=' + iWidth + ',innerWidth=' + iWidth + ',top=' + iTop + ',left=' + iLeft + ',status=no,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=0,titlebar=no' }如何关闭弹出窗⼝？在新打开页⾯中执⾏代码：window.opener = null; window.open('', '_self'); window.close();新窗⼝中关闭代码如下：<input type="button" onclick="window.opener = null; window.open('', '_self'); window.close();" value="关闭" />。

Javascript弹窗代码大全(收集)

弹窗代码大全(收集)以下包括强制弹窗 24小时IP弹窗延时弹窗退弹等我们使用cookie来控制一下就可以了。

你可以试着刷新一下这个页面或重新进入该页面，窗口再也不会弹出了。

window.open返回的对象的方法

window.open返回的对象的方法`window.open()` 是一个JavaScript方法，用于打开新的浏览器窗口。

这个方法返回一个`Window` 对象，该对象具有多种方法和属性，可以用来控制新打开的窗口。

以下是一些常用的`Window` 对象的方法：1. `close()`: 关闭当前窗口。

注意，这个方法可能由于浏览器的安全策略被禁用，特别是对于非用户触发的事件。

2. `moveTo(x-coord, y-coord)`: 将窗口移动到指定的屏幕坐标。

3. `moveBy(x-offset, y-offset)`: 将窗口从当前位置移动指定的像素值。

4. `resizeTo(width, height)`: 改变窗口的大小。

5. `resizeBy(width-offset, height-offset)`: 相对于当前大小改变窗口的大小。

6. `scroll(x-coord, y-coord)`: 滚动窗口到指定的位置。

7. `scrollBy(x-offset, y-offset)`: 相对于当前位置滚动窗口。

8. `alert()`: 显示一个警告对话框，包含一个消息和确认按钮。

9. `confirm()`: 显示一个确认对话框，包含一个消息、确认和取消按钮。

返回值为`true` 或`false`。

10. `prompt()`: 显示一个提示对话框，包含一个消息和一个文本输入字段。

返回值为用户输入的文本或`null`。

这些方法都是`Window` 对象的一部分，可以通过新打开的窗口对象来调用。

例如：```javascriptlet newWindow = window.open('你需要的地址');newWindow.alert('这是一个警告对话框');```请注意，由于浏览器安全策略和用户设置的限制，某些方法（如`close()`）可能在新打开的窗口中不可用，或者需要特定的用户交互才能执行。

JS中window对象的open和openDialog方法使用

弹出窗口控制-window.open()弹出窗口控制-CSS+DIV弹出窗口控制-网页对话框2009-03-29 15:46分类：javaScript字号：大中小这里说的网页对话框是指通过脚本代码打开一个新的窗口，并且该窗口可以有返回值。

网页对话框分为网页模式对话框和网页非模式对话框。

（模式和非模式的区别我在这里就不赘述了）。

下面我们只针对网页模式对话框进行说明:弹出网页模式对话框:格式:var somevalue=window.showModalDialog(url[,Arguments[,Features]]);参数说明:url :指定url文件地址。

Argument :用于向网页对话框传递参数，传递参数的类型不限制，对于字符串类型，最大为4096字符。

也可以传递对象。

如index.html.在弹出的窗口中可通过var parameter=window.dialogArguments;获取传递来的参数。

Features:可选项。

窗口对话框的设置参数。

主要参数如下表:参数说明dialogWidth :number用于设置对话框的宽度dialogHeight :number用于设置对话框的高度dialogTop :number用于设置对话框窗口相对于桌面左上角的top位置dialogLeft :number用于设置对话框窗口相对于桌面左侧的left位置center :{yes|no|1|0}用于指定是否将对话框在桌面上居中，yes|1为居中，默认值为yesHelp :{yes|no 1|0}用于指定对话框窗口中是否显示上下文敏感的帮助图标。

默认为yesscroll :{yes|no 1|0}用于指定对话框中是否显示滚动条示例:说明:点击按钮后打开一网页模式对话框。

在网页对话框中选择一个值后关闭该模式对话框。

并将返回值传递到父窗口中。

如下:<script language="javascript">function openDialog(){var somevalue=window.openModalDialog("test.jsp","","dialogWidth=400p x;dialogHeight=300px;help=no;status=no")erName=somevalue;}在弹出的模式对话框中调用一个js函数向打开的窗口返回信息function action(user){parent.window.returnValue=user;window.close();}流程:通过window.openModalDialog()打开一模式窗口，在打开的窗口中调用action()函数将返回值传递给打开的对话框。

[JS]九种网页弹窗代码

[JS]九种⽹页弹窗代码【1、最基本的弹出窗⼝代码】其实代码⾮常简单：<SCRIPT LANGUAGE="javascript"></SCRIPT>因为着是⼀段javascripts代码，所以它们应该放在<SCRIPT LANGUAGE="javascript">标签和</script>之间。

是对⼀些版本低的浏览器起作⽤，在这些⽼浏览器中不会将标签中的代码作为⽂本显⽰出来。

要养成这个好习惯啊。

window.open (page.html) ⽤于控制弹出新的窗⼝page.html，如果page.html不与主窗⼝在同⼀路径下，前⾯应写明路径，绝对路径(http://)和相对路径(../)均可。

⽤单引号和双引号都可以，只是不要混⽤。

这⼀段代码可以加⼊HTML的任意位置，<head>和</head>之间可以，<body>间</body>也可以，越前越早执⾏，尤其是页⾯代码长，⼜想使页⾯早点弹出就尽量往前放。

【2、经过设置后的弹出窗⼝】下⾯再说⼀说弹出窗⼝的设置。

只要再往上⾯的代码中加⼀点东西就可以了。

我们来定制这个弹出的窗⼝的外观，尺⼨⼤⼩，弹出的位置以适应该页⾯的具体情况。

<SCRIPT LANGUAGE="javascript"></SCRIPT>参数解释：<SCRIPT LANGUAGE="javascript"> js脚本开始；window.open 弹出新窗⼝的命令；page.html 弹出窗⼝的⽂件名；newwindow 弹出窗⼝的名字（不是⽂件名），⾮必须，可⽤空代替；height=100 窗⼝⾼度；width=400 窗⼝宽度；top=0 窗⼝距离屏幕上⽅的象素值；left=0 窗⼝距离屏幕左侧的象素值；toolbar=no 是否显⽰⼯具栏，yes为显⽰；menubar，scrollbars 表⽰菜单栏和滚动栏。

jsp页面点击按钮弹出对话框

unadorned : yes | no | 1 | 0 | on | off 指定对话框是否显示 chrome 样式边框。仅仅当对话框是由被信任的程式打开的时候此参数才可用。默认值为 no 。
另外，在NewBox.jsp的javaScript代码bconfirm()方法中：
<SCRIPT>
使用DHTML，可以有两种实现方法：
1.通过window.open方法以弹出页面方式实现。
2.通过window.showModalDialog方法以弹出对话框方式实现。(推荐)
一.通过window.open方法弹出对话框
在写JSP页面的时候，有时需要点击一个按钮弹出一个输入对话框，然后输入一个值，确定后关闭对话框，把数据写入数据库，刷新当前页面。
二.通过window.showModalDialog方法弹出对话框。（推荐）
仍然是在页面AddName.jsp里要调用对话框，写一个JSP页面NewBox.jsp（用做对话框），然后在页面AddName.jsp里加上一段js代码：
/*用来打开对话框页面，注意这回openwindow()函数里的的方法是window.showModalDialog*/
fullscreen=no 窗口模式，yes为全屏模式
toolbar=no, 显示工具条
location=no,显示网址栏
directories=no,导航条
status=no,状态条
menubar=no,菜单
scrollbars=no,滚动条
function openwindow()
{
window.showModalDialog("NewBox.jsp",window,"status:no;scroll:no;

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

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；pixelvalue为具体的数值，单位象素。

Window.open('page.html')用于控制弹出新的窗口page.html，如果page.html 不与主窗口在同一路径下，前面应写明路径，绝对路径(http://)和相对路径(../)均可。

用单引号和双引号都可以，只是不要混用。

这一段代码可以加入HTML的任意位置，<head>和</head>之间可以，<body>间</body>也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。

2、经过设置后的弹出窗口下面再说一说弹出窗口的设置。

只要再往上面的代码中加一点东西就可以了。

我们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况。

<SCRIPTLANGUAGE="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>参数解释：<SCRIPTLANGUAGE="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><scriptLANGUAGE="JavaScript">functionopenwin(){window.open("page.html","newwindow","height=100, width=400,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no, status=no")//写成一行}</script></head><bodyonload="openwin()">…任意的页面内容…</body></html>这里定义了一个函数openwin(),函数内容就是打开一个窗口。

在调用它之前没有任何用途。

怎么调用呢？方法一：<bodyonload="openwin()">浏览器读页面时弹出窗口；方法二：<bodyonunload="openwin()">浏览器离开页面时弹出窗口；方法三：用一个连接调用：<ahref="#"onclick="openwin()">打开一个窗口</a>注意：使用的"#"是虚连接。

方法四：用一个按钮调用：<inputtype="button"onclick="openwin()"value="打开窗口">4、同时弹出2个窗口对源代码稍微改动一下：<scriptLANGUAGE="JavaScript">functionopenwin(){window.open("page.html","newwindow","height=100,width=100,top=0,l eft=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status =no")//写成一行window.open("page2.html","newwindow2","height=100,width=100,top=1 00,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>区：<scriptlanguage="javascript">functionopenwin(){window.open("page.html","","width=200,height=200")}</script>加入<body>区：<ahref="1.htm"onclick="openwin()">open</a>即可。

6、弹出的窗口之定时关闭控制下面我们再对弹出的窗口进行一些控制，效果就更好了。

如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中，可不是主页面中，否则…)，让它10秒后自动关闭是不是更酷了？首先，将如下代码加入page.html文件的<head>区：<scriptlanguage="JavaScript">functioncloseit(){setTimeout("self.close()",10000)//毫秒}</script>然后，再用<bodyonload="closeit()">这一句话代替page.html中原有的<BODY>这一句就可以了。

(这一句话千万不要忘记写啊！这一句的作用是调用关闭窗口的代码，10秒钟后就自行关闭该窗口。

)7、在弹出窗口中加上一个关闭按钮<FORM><INPUTTYPE='BUTTON'VALUE='关闭'onClick='window.close()'></FORM>呵呵，现在更加完美了！8、内包含的弹出窗口-一个页面两个窗口上面的例子都包含两个窗口，一个是主窗口，另一个是弹出的小窗口。