Window.Open参数、返回值js弹窗
JS各种弹出窗口
【1、最基本的弹出窗口代码】
其实代码非常简单：<script language="＆#106avascript"><!--window.open ('page.html')--></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来控制一下就可以了。
首先，将如下代码加入主页面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！写到这里弹出窗口的制作和应用技巧基本上算是完成了，俺也累坏了，一口气说了这么多，希望对正在制作网页的朋友有所帮助俺就非常欣慰了。
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]九种网页弹窗代码](https://img.taocdn.com/s3/m/57fef19582d049649b6648d7c1c708a1284a0aae.png)
[JS]九种⽹页弹窗代码【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")file://写成⼀⾏--></SCRIPT>参数解释：<SCRIPT LANGUAGE="javascript"> js脚本开始；window.open 弹出新窗⼝的命令；page.html 弹出窗⼝的⽂件名；newwindow 弹出窗⼝的名字（不是⽂件名），⾮必须，可⽤空代替；height=100 窗⼝⾼度；width=400 窗⼝宽度；top=0 窗⼝距离屏幕上⽅的象素值；left=0 窗⼝距离屏幕左侧的象素值；toolbar=no 是否显⽰⼯具栏，yes为显⽰；menubar，scrollbars 表⽰菜单栏和滚动栏。
jsp页面点击按钮弹出对话框
另外，在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;
Window.Open详解
引：Window_Open 详解 一、window.open()支持环境： JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+
二、基本语法： window.open(pageURL,name,parameters) 其中： pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔)
=====================================================
【1、最基本的弹出窗口代码】 其实代码非常简单：
<SCRIPT LANGUAGE="javascript"> <!-window.open ('page.html') --> </SCRIPT>
这里定义了一个函数 openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。 怎么调用呢？ 方法一：<body onload="openwin()"> 浏览器读页面时弹出窗口； 方法二：<body onunload="openwin()"> 浏览器离开页面时弹出窗口； 方法三：用一个连接调用： <a href="#" onclick="openwin()">打开一个窗口</a> 注意：使用的"#"是虚连接。 方法四：用一个按钮调用： <input type="button" onclick="openwin()" value="打开窗口">
弹出窗口回传参数解决办法
弹出窗口回传参数解决办法分两种弹出方式 window.showModalDialog 和 windows.open window.showModalDialogjs代码var rv = window.showModalDialog("Query_frame.aspx?key=" + key, "", "dialogWidth=500px;dialogHeight=230px;status=no;scroll=no;h elp=no");rv就是返回的字串,你可以把rv换成TextBox的value在弹出的窗口这样window.returnValue='返回的字符串';window.close();windows.open需要使用 window.openerwindow.opener 返回的是创建当前窗口的那个窗口的引用，比如点击了a.htm上的一个链接而打开了b.htm，然后我们打算在b.htm 上输入一个值然后赋予a.htm上的一个id为“name”的textbox中，就可以写为：window.opener.document.getElementById("name").value = "输入的数据";<html><body><form name=form1><input type=text name=inpu ><input type=button onclick="javascript:window.open('back2opener.html?toname=o pener.form1.inpu');"></form></body></html>--------------------------------back2opener.html--------------------------------<html><body><form name=form1><input type=text name=inpu ><a class=under href=# onclick="{opener.document.form1.inpu.value+='孙超,';}">添加</a></form></body></html>在JS中，window.opener只是对弹出窗口的母窗口的一个引用。
js弹出窗口总结6种弹窗方法
js弹出窗口总结6种弹窗方法注://关闭,父窗口弹出对话框,子窗口直接关闭this.Response.Write("<scriptlanguage=javascript>window.close();</script>");//关闭,父窗口和子窗口都不弹出对话框,直接关闭this.Response.Write("<script>");this.Response.Write("{top.opener =null;top.close();}");this.Response.Write("</script>");//弹出窗口刷新当前页面width=200 height=200菜单。
菜单栏,工具条,地址栏,状态栏全没有this.Response.Write("<scriptlanguage=javascript>window.open('rows.aspx','newwindow','width=200,he ight=200')</script>");//弹出窗口刷新当前页面this.Response.Write("<scriptlanguage=javascript>window.open('rows.aspx')</script>");this.Response.Write("<script>window.open('WebForm2.aspx','_blank');</ script>");//弹出提示窗口跳到webform2.aspx页(在一个IE窗口中)this.Response.Write(" <script language=javascript>alert('注册成功'); window.window.location.href='WebForm2.aspx';</script> ");//关闭当前子窗口,刷新父窗口this.Response.Write("<script>window.opener.location.href=window.opene r.location.href;window.close();</script>");this.Response.Write("<script>window.opener.location.replace(window.op ener.document.referrer);window.close();</script>");//子窗口刷新父窗口this.Response.Write("<script>window.opener.location.href=window.opene r.location.href;</script>");this.Response.Write("<script>window.opener.location.href='WebForm1.as px';</script>");//弹出提示窗口.确定后弹出子窗口(WebForm2.aspx)this.Response.Write("<script language='javascript'>alert('发表成功！');window.open('WebForm2.aspx')</script>");//弹出提示窗口,确定后,刷新父窗口this.Response.Write("<script>alert('发表成功！');window.opener.location.href=window.opener.location.href;</script>" );//弹出相同的一页<INPUT type="button" value="Button"onclick="javascript:window.open(window.location.href)">//Response.Write("parent.mainFrameBottom.location.href='yourwebform.asp x?temp=" +str+"';");<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=n o, 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 表示菜单栏和滚动栏。
利用js实现popup弹窗
利⽤js实现popup弹窗简单实现⼀个通过⼀个⽹页，点击⽣成⼀个弹窗，然后点击保存之后⾃动关闭弹窗的功能。
⾸先在settings⽂件中写上两条对应的路由关系。
1 urlpatterns = [2 url(r'^p1/', p1),3 url(r'^p2/', p2),4 ]我们可以肯定的是我们需要⼀个⽹页，然后弹出另⼀个⽹页，所以我们还需要两个视图函数。
1def p1(request):2return render(request,'p1.html')如上代码，我们先写⼀个视图函数，紧接着我们配⼀个对应的p1.html⽂件：1<!DOCTYPE html>2<html lang="en">3<head>4<meta charset="UTF-8">5<title>Title</title>67</head>8<body>9<h1>p1页⾯</h1>10<select id="i1">11<option>上海</option>12<option>北京</option>13</select>14<input type="button" value="添加" onclick="popupFunc();"/>1516<script>17function popupFunc() {18 window.open('/p2/','asdfadf',"status=1, height:500, width:600, toolbar=0, resizeable=0")19 }2021function backFunc(name) {22var op = document.createElement('option');23 op.innerHTML = name;24 op.setAttribute('selected','selected');25 document.getElementById('i1').appendChild(op);26 }27</script>2829</body>30</html>现在我解释⼀下上⾯的html代码，⾸先我创建⼀个select标签，id为i1;然后创建⼀个button按钮，绑定了⼀个popupFunc的事件。
弹出窗口大全(js)
肯定很多人都知道window.open()是在JS里用来打开一个新的窗口的.做什么呢,,多了...但是有时候是想在子窗口没有关闭的时候不能操作主窗口的,怎么办呢,,原来还有一个方法window.showModalDialog(url,"","")关于它的相关设置可排渡一下,同时,它是可返回值的,var va= window.showModalDialog(url,"","");在子窗口中,可以通下以下方式返回值:window.returnValue="abcd";window.close();可以在子窗口加载时调用setTimeout("self.close()",5000);这样在5秒后,自动关闭,呵呵,,当然可以设得时间更长,.好像这个方法要在IE5以上才支持.//==========================================================================//// 代码描述：打开一个新的有状态栏工具栏菜单栏定位栏，// 可以改变大小，且位置居中的新窗口//// 传入参数：pageURL - 传递链接// innerWidth - 传递需要打开新窗口的宽度// innerHeight - 传递需要打开新窗口的高度//// 返回参数：无//////========================================================================== function g_OpenSizeWindow(pageURL, innerWidth, innerHeight){var ScreenWidth = screen.availWidthvar ScreenHeight = screen.availHeightvar StartX = (ScreenWidth - innerWidth) / 2var StartY = (ScreenHeight - innerHeight) / 2window.open(pageURL, '', 'left='+ StartX + ', top='+ StartY + ', Width=' + innerWidth +', height=' + innerHeight + ', resizable=yes, scrollbars=yes, status=yes, toolbar=yes, menubar=yes, location=no')}//==========================================================================//// 代码描述：打开一个新的没有状态栏工具栏菜单栏定位栏，// 不能改变大小，且位置居中的新窗口//// 传入参数：pageURL - 传递链接// innerWidth - 传递需要打开新窗口的宽度// innerHeight - 传递需要打开新窗口的高度//// 返回参数：无//////========================================================================== function g_OpenWindow(pageURL, innerWidth, innerHeight){var ScreenWidth = screen.availWidthvar ScreenHeight = screen.availHeightvar StartX = (ScreenWidth - innerWidth) / 2var StartY = (ScreenHeight - innerHeight) / 2window.open(pageURL, '', 'left='+ StartX + ', top='+ StartY + ', Width=' + innerWidth +', height=' + innerHeight + ', resizable=no, scrollbars=yes, status=no, toolbar=no, menubar=no, location=no')}//==========================================================================//// 代码描述：打开一个新的没有状态栏工具栏菜单栏定位栏，// 不能改变大小，且位置居中的新窗口////// 传入参数：pageURL - 传递链接// innerWidth - 传递需要打开新窗口的宽度// innerHeight - 传递需要打开新窗口的高度//// 返回参数：返回的数值//////========================================================================== function g_OpenReturnWindow(pageURL, innerWidth, innerHeight){var ScreenWidth = screen.availWidthvar ScreenHeight = screen.availHeightvar StartX = (ScreenWidth - innerWidth) / 2var StartY = (ScreenHeight - innerHeight) / 2window.open(pageURL, '', 'left='+ StartX + ', top='+ StartY + ', Width=' + innerWidth +', height=' + innerHeight + ', resizable=no, scrollbars=yes, status=no, toolbar=no, menubar=no, location=no')return false}function g_OpenReturnWindowNoScrollbars(pageURL, innerWidth, innerHeight){var ScreenWidth = screen.availWidthvar ScreenHeight = screen.availHeightvar StartX = (ScreenWidth - innerWidth) / 2var StartY = (ScreenHeight - innerHeight) / 2window.open(pageURL, '', 'left='+ StartX + ', top='+ StartY + ', Width=' + innerWidth +', height=' + innerHeight + ', resizable=no, scrollbars=no,status=no, toolbar=no, menubar=no, location=no')//return false}//==========================================================================//// 代码描述：打开一个新的没有状态栏工具栏菜单栏定位栏，// 不能改变大小，且位置居中的新窗口//// 传入参数：pageURL - 传递链接//// 返回参数：无//////========================================================================== function g_OpenReturnWindowPrint(pageURL){var ScreenWidth = screen.availWidthvar ScreenHeight = screen.availHeight//var StartX = (ScreenWidth - innerWidth) / 2//var StartY = (ScreenHeight - innerHeight) / 2var Win = window.open(pageURL, '','Width=' + ScreenWidth +', height=' + ScreenHeight + ', resizable=no, scrollbars=no, status=no, toolbar=no,menubar=no, location=no, left=0, top=0')Win.moveTo(99999,99999)return false}//============================================================================== ============//// 代码描述：打开模式窗口函数，打开一个模式窗口不包含菜单状态条工具条定位栏//// 传入参数：pageURL - 传递链接// innerWidth - 传递需要打开新窗口的宽度// innerHeight - 传递需要打开新窗口的高度// 返回参数：无//////============================================================================== ============function g_OpenModalWindow(pageURL, innerWidth, innerHeight){window.showModalDialog(pageURL, null, 'dialogWidth:' + innerWidth +'px;dialogHeight:' + innerHeight +'px;help:no;unadorned:no;resizable:no;status:no')}//============================================================================== ============//// 代码描述：打开模式窗口函数，打开一个模式窗口不包含菜单状态条工具条定位栏 ,并且返回值//// 传入参数：pageURL - 传递链接// innerWidth - 传递需要打开新窗口的宽度// innerHeight - 传递需要打开新窗口的高度// 返回参数：模式窗体返回的returnValue//////============================================================================== ============function g_OpenreturnWindow(pageURL, innerWidth, innerHeight){var returnv;returnv=window.showModalDialog(pageURL, null, 'dialogWidth:' + innerWidth + 'px;dialogHeight:' + innerHeight +'px;help:no;unadorned:no;resizable:no;status:no')return returnv;}//============================================================================== ============//// 代码描述：打开模式窗口函数，打开一个模式窗口不包含菜单状态条工具条定位栏//// 传入参数：pageURL - 传递链接// innerWidth - 传递需要打开新窗口的宽度// innerHeight - 传递需要打开新窗口的高度// 返回参数：无//////============================================================================== ============function g_OpenReturnModalWindow(pageURL, innerWidth, innerHeight){window.showModalDialog(pageURL, null, 'dialogWidth:' + innerWidth +'px;dialogHeight:' + innerHeight +'px;help:no;unadorned:no;resizable:no;status:no');return false;}//============================================================================== ============//// 代码描述：关闭窗口//// 传入参数：无//// 返回参数：无//////============================================================================== ============function g_CloseWindow(){window.close()return false}。
Js弹出框返回值的两种常用方法
Js弹出框返回值的两种常⽤⽅法1.window.showModalDialog(url,args,dialogattrs)参数说明：url:弹出页⾯地址agrs：主窗⼝传给对话框的参数，可以是任意类型（数组也可以）dialogattrs：弹出窗⼝的样式参数模式对话框⽤法：主窗⼝：var value =window.showModalDialog('test.jsp',strs,'resizable:yes');弹出框中通过window.returnValue来设置返回值，上⾯的value拿到的就是这个值，然后主窗⼝中可以对这个值进⾏处理，实现交互处理注：模式对话框的应⽤就在于它的返回值，可以返回简单字符窜，也可以返回数组，⾮模式对话框类似参数说明：vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])sURL--必选参数，类型：字符串。
⽤来指定对话框要显⽰的⽂档的URL。
vArguments--可选参数，类型：变体。
⽤来向对话框传递参数。
传递的参数类型不限，包括数组等。
对话框通过window.dialogArguments来取得传递进来的参数。
sFeatures--可选参数，类型：字符串。
⽤来描述对话框的外观等信息，可以使⽤以下的⼀个或⼏个，⽤分号“;”隔开。
1.dialogHeight :对话框⾼度，不⼩于１００px，ＩＥ４中dialogHeight 和 dialogWidth 默认的单位是em，⽽ＩＥ５中是px，为⽅便其见，在定义modal⽅式的对话框时，⽤px做单位。
2.dialogWidth: 对话框宽度。
3.dialogLeft: 离屏幕左的距离。
4.dialogTop: 离屏幕上的距离。
5.center: {yes | no | 1 | 0 }：窗⼝是否居中，默认yes，但仍可以指定⾼度和宽度。
JavaScript中window.open用法实例详解
JavaScript中window.open⽤法实例详解本⽂较为详细的分析了JavaScript中window.open⽤法。
分享给⼤家供⼤家参考。
具体如下：复制代码代码如下:<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>参数解释：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为允许；1、⽤函数控制弹出窗⼝下⾯是⼀个完整的代码。
<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(),函数内容就是打开⼀个窗⼝。
HTML中window.open的使用方法以及参数说明
HTML中window.open的使用方法以及参数说明HTML中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 | 窗口被激活后是否浮在其它窗口之上window.showModalDialog使用手册！基本介绍：showModalDialog() (IE 4+ 支持)showModelessDialog() (IE 5+ 支持)window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框。
（转）js弹窗返回值（window.open方式）
（转）js弹窗返回值（window.open⽅式）js弹窗&返回值(window.open⽅式)test.htm<html ><head><title></title><script type="text/javascript"><!--function winOpen(){ window.open("test2.php","name1","width=100,height=200,toolbar=no,scrollbars=no,menubar=no,screenX=100,screenY=100");}--></script></head><body><textarea id="text1" name="text1"></textarea><input type="button" value="submit" name="submit" onclick="javascript:winOpen();" /></body></html></body></html>--------------------------------------------test2.htm<html ><head><title></title><script type="text/javascript"><!--function winBack(){if(window.opener) {fWindowText1 = window.opener.document.getElementById("text1");fWindowText1.value = fWindowText1.value + "mayongzhan";window.close();}}--></script></head><body><input type="button" name="back" value="back" onclick="javascript:winBack();" /></body></html>--------------------------------------------window.open详解window.open("sUrl","sName","sFeature","bReplace");sUrl:可选项。
js弹出窗口返回值的简单实例
js弹出窗⼝返回值的简单实例a.html:<form name="form1" method="post" action=""><a href="javascript:void(null)" class="add" onClick="open('b.html','','resizable=1,scrollbars=1,status=no,toolbar=no,menu=no,width=500,height=400,left=150,top=50')">增加</a> <input type="text" name="text1"></form>b.html:<script language="javascript" type="text/javascript">function returnValue(){window.opener.document.all.text1.value=document.getElementById("returnText").value;window.close();}</script><input type="button" name="Submit" value="提交" onclick="returnValue();"><input name="returnText" type="text" id="returnText"></p>补充：window.opener 的⽤法window.opener 的⽤法在⼀般的⽤法中，只是⽤来解决关闭窗⼝时不提⽰弹出窗⼝，⽽对它更深层的了解⼀般⽐较少。
- 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为具体的数值，单位象素。
参数|取值范围|说明alwaysLowered|yes/no|指定窗口隐藏在所有窗口之后alwaysRaised|yes/no|指定窗口悬浮在所有窗口之上depended|yes/no|是否和父窗口同时关闭directories|yes/no|Nav2和3的目录栏是否可见height|pixelvalue|窗口高度hotkeys|yes/no|在没菜单栏的窗口中设安全退出热键innerHeight|pixelvalue|窗口中文档的像素高度innerWidth|pixelvalue|窗口中文档的像素宽度location|yes/no|位置栏是否可见menubar|yes/no|菜单栏是否可见outerHeight|pixelvalue|设定窗口(包括装饰边框)的像素高度outerWidth|pixelvalue|设定窗口(包括装饰边框)的像素宽度resizable|yes/no|窗口大小是否可调整screenX|pixelvalue|窗口距屏幕左边界的像素长度screenY|pixelvalue|窗口距屏幕上边界的像素长度scrollbars|yes/no|窗口是否可有滚动栏titlebar|yes/no|窗口题目栏是否可见toolbar|yes/no|窗口工具栏是否可见Width|pixelvalue|窗口的像素宽度z-look|yes/no|窗口被激活后是否浮在其它窗口之上1、最基本的弹出窗口代码其实代码非常简单：<SCRIPTLANGUAGE="javascript">window.open('page.html')</SCRIPT因为着是一段javascripts代码，所以它们应该放在<SCRIPTLANGUAGE="javascript">标签和</script>之间。
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、内包含的弹出窗口-一个页面两个窗口上面的例子都包含两个窗口，一个是主窗口，另一个是弹出的小窗口。