javascript Window.Open参数、返回值

<div> <h3 style=" font-weight:bolder">javascript Window.Open参数、返回值</h3> </p></div> <p> <p>window.open 基本语法</p> <p>&nbsp;</p> <p>window.open(pageURL,name,parameters)</p> <p>&nbsp;</p> <p style="TEXT-INDENT: 21pt"><span style="FONT-FAMILY: 宋体">参数说明:</span></p> <p style="TEXT-INDENT: 21pt">pageURL<span style="FONT-FAMILY: 宋体">为子窗口路径</span></p> <p style="TEXT-INDENT: 21pt">name<span style="FONT-FAMILY: 宋体">为子窗口句柄</span></p> <p style="TEXT-INDENT: 21pt">parameters<span style="FONT-FAMILY: 宋体">为窗口参数</span>(<span style="FONT-FAMILY: 宋体">各参数用逗号分隔</span></p> <p>&nbsp;</p> <p>示例:</p> <p><p style="TEXT-INDENT: 21pt"><span style="FONT-FAMILY: 宋体"></span>&nbsp;</p> <p>脚本运行后,page.html将在新窗体newwindow中打开,宽为100,高为400,距屏顶0象素,屏左0象素,无工具条,无菜单条,无滚动条,不可调整大小,无地址栏,无状态栏。请对照。</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>参数|取值范围|说明</p> <p>&nbsp;</p> <p style="TEXT-INDENT: 21pt">alwaysLowered|yes/no|<span style="FONT-FAMILY: 宋体">指定窗口隐藏在所有窗口之后</span></p> <p style="TEXT-INDENT: 21pt">alwaysRaised|yes/no|<span style="FONT-FAMILY: 宋体">指定窗口悬浮在所有窗口之上</span></p> <p style="TEXT-INDENT: 21pt">depended|yes/no|<span style="FONT-FAMILY: 宋体">是否和父窗口同时关闭</span></p> <p style="TEXT-INDENT: 21pt">directories|yes/no|Nav2<span style="FONT-FAMILY: 宋体">和</span>3<span style="FONT-FAMILY: 宋体">的目录栏是否可见</span></p> <p style="TEXT-INDENT: 21pt">height|pixelvalue|<span style="FONT-FAMILY: 宋体">窗口高度</span></p> <p style="TEXT-INDENT: 21pt">hotkeys|yes/no|<span style="FONT-FAMILY: 宋体">在没菜单栏的窗口中设安全退出热键</span></p> <p style="TEXT-INDENT: 21pt">innerHeight|pixelvalue|<span style="FONT-FAMILY: 宋体">窗口中文档的像素高度</span></p> <p style="TEXT-INDENT: 21pt">innerWidth|pixelvalue|<span style="FONT-FAMILY: 宋体">窗口中文档的像素宽度</span></p> <p style="TEXT-INDENT: 21pt">location|yes/no|<span style="FONT-FAMILY: 宋体">位置栏是否可见</span></p> <p style="TEXT-INDENT: 21pt">menubar|yes/no|<span style="FONT-FAMILY: 宋体">菜单栏是否可见</span></p> <p style="TEXT-INDENT: 21pt">outerHeight|pixelvalue|<span style="FONT-FAMILY: 宋体">设定窗口</span>(<span style="FONT-FAMILY: 宋体">包括装饰边框</span>)<span style="FONT-FAMILY: 宋体">的像素高度</span></p> <p style="TEXT-INDENT: 21pt">outerWidth|pixelvalue|<span style="FONT-FAMILY: 宋体">设定窗口</span>(<span style="FONT-FAMILY: 宋体">包括装饰边框</span>)<span style="FONT-FAMILY: 宋体">的像素宽度</span></p> <p style="TEXT-INDENT: 21pt">resizable|yes/no|<span style="FONT-FAMILY: 宋体">窗口大小是否可调整</span></p> <p style="TEXT-INDENT: 21pt">screenX|pixelvalue|<span style="FONT-FAMILY: 宋体">窗口距屏幕左边界的像素长度</span></p> <p style="TEXT-INDENT: 21pt">screenY|pixelvalue|<span style="FONT-FAMILY: 宋体">窗口距屏幕上边界的像素长度</span></p> <p style="TEXT-INDENT: 21pt">scrollbars|yes/no|<span style="FONT-FAMILY: 宋体">窗口是否可有滚动栏</span></p> <p style="TEXT-INDENT: 21pt">titlebar|yes/no|<span style="FONT-FAMILY: 宋体">窗口题目栏是否可见</span></p> <p style="TEXT-INDENT: 21pt">toolbar|yes/no|<span style="FONT-FAMILY: 宋体">窗口工具栏是否可见</span></p> <p style="TEXT-INDENT: 21pt">Width|pixelvalue|<span style="FONT-FAMILY: 宋体">窗口的像素宽度</span></p> <p style="TEXT-INDENT: 21pt">z-look|yes/no|<span style="FONT-FAMILY: 宋体">窗口被激活后是否浮在其它窗口之上</span></p> <p>&nbsp;</p> <p>&nbsp;</p> <p>【1、最基本的弹出窗口代码】</p> <p>  其实代码非常简单:<scriptlanguage="javascript"></scriptlanguage="javascript"></p> <p></p> <p>标签和之间。是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。</p> <p>  Window.open(&#39;page.html&#39;)用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以,只是不要混用。</p> <p>  这一段代码可以加入HTML的任意位置,和之间可以,间也可以,越前越早执行,尤其是页面代码长,又想使页面早点弹出就尽量往前放。</p> <p>【2、经过设置后的弹出窗口】</p> <p>下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。</p> <p>我们来定制这个弹出的窗口的外观,尺寸大小,弹出的位置以适应该页面的具体情况。<scriptlanguage="javascript"></scriptlanguage="javascript"></p> <p></p> <p>参数解释:</p> <p><scriptlanguage="javascript">js脚本开始;</scriptlanguage="javascript"></p> <p>window.open弹出新窗口的命令;</p> <p>&#39;page.html&#39;弹出窗口的文件名;</p> <p>&#39;newwindow&#39;弹出窗口的名字(不是文件名),非必须,可用空&#39;&#39;代替;</p> <p>height=100窗口高度;</p> <p>width=400窗口宽度;</p> <p>top=0窗口距离屏幕上方的象素值;</p> <p>left=0窗口距离屏幕左侧的象素值;</p> <p>toolbar=no是否显示工具栏,yes为显示;</p> <p>menubar,scrollbars表示菜单栏和滚动栏。</p> <p>Resizable=no是否允许改变窗口大小,yes为允许;</p> <p>location=no是否显示地址栏,yes为允许;</p> <p>status=no是否显示状态栏内的信息(通常是文件已经打开),yes为允许;</p> <p>js脚本结束</p> <p>【3、用函数控制弹出窗口】</p> <p>下面是一个完整的代码</p> <p></p> <p><scriptlanguage="javascript"></scriptlanguage="javascript"></p> <p></p> <p></p> <p></p> <p><bodyonload="openwin()"></bodyonload="openwin()"></p> <p>…任意的页面内容…</p> <p></p> <p></p> <p>这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。</p> <p>怎么调用呢?</p> <p>方法一:<bodyonload="openwin()">浏览器读页面时弹出窗口;</bodyonload="openwin()"></p> <p>方法二:<bodyonunload="openwin()">浏览器离开页面时弹出窗口;</bodyonunload="openwin()"></p> <p>方法三:用一个连接调用:</p> <p><ahref="#"onclick="openwin()">打开一个窗口</ahref="#"onclick="openwin()"></p> <p>注意:使用的&quot;#&quot;是虚连接。</p> <p>方法四:用一个按钮调用:</p> <p><inputtype="button"onclick="openwin()"value="打开窗口"></inputtype="button"onclick="openwin()"value="打开窗口"></p> <p>【4、同时弹出2个窗口】</p> <p>对源代码稍微改动一下:</p> <p><scriptlanguage="javascript"></scriptlanguage="javascript"></p> <p></p> <p></p> <p>为避免弹出的2个窗口覆盖,用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四种方法调用即可。</p> <p>注意:2个窗口的name(newwindows和newwindow2)不要相同,或者干脆全部为空。OK?</p> <p>【5、主窗口打开文件1.htm,同时弹出小窗口page.html】</p> <p>如下代码加入主窗口区:</p> <p><scriptlanguage="javascript"></scriptlanguage="javascript"></p> <p></p> <p></p> <p>加入区:</p> <p><ahref="1.htm"onclick="openwin()">open即可。</ahref="1.htm"onclick="openwin()"></p> <p>【6、弹出的窗口之定时关闭控制】</p> <p>下面我们再对弹出的窗口进行一些控制,效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中,可不是主页面中,否则…),让它10秒后自动关闭是不是更酷了?</p> <p>首先,将如下代码加入page.html文件的区:</p> <p><scriptlanguage="javascript"></scriptlanguage="javascript"></p> <p>functioncloseit()</p> <p>{setTimeout(&quot;self.close()&quot;,10000)//毫秒}</p> <p></p> <p>然后,再用<bodyonload="closeit()">这一句话代替page.html中原有的这一句就可以了。(这一句话千万不要忘记写啊!这一句的作用是调用关闭窗口的代码,10秒钟后就自行关闭该窗口。)</bodyonload="closeit()"></p> <p>【7、在弹出窗口中加上一个关闭按钮】</p> <p></p> <form></form> <p></p> <p><inputtype='button'value='关闭'onclick='window.close()'></inputtype='button'value='关闭'onclick='window.close()'></p> <p></p> <p>呵呵,现在更加完美了!</p> <p>【8、内包含的弹出窗口-一个页面两个窗口】</p> <p>上面的例子都包含两个窗口,一个是主窗口,另一个是弹出的小窗口。</p> <p>通过下面的例子,你可以在一个页面内完成上面的效果。</p> <p></p> <p></p> <p><scriptlanguage="javascript"></scriptlanguage="javascript"></p> <p>functionopenwin()</p> <p>{OpenWindow=window.open(&quot;&quot;,&quot;newwin&quot;,&quot;height=250,width=250,toolbar=no,scrollbars=&quot;+scroll+&quot;,menubar=no&quot;);</p> <p>//写成一行</p> <p>OpenWindow.document.write(&quot;<title>例子</title>&quot;)</p> <p>OpenWindow.document.write(&quot;<bodybgcolor=#ffffff>&quot;)</bodybgcolor=#ffffff></p> <p>OpenWindow.document.write(&quot;</p> <h1>Hello!</h1> <p>&quot;)</p> <p></p> <p>OpenWindow.document.write(&quot;Newwindowopened!&quot;)</p> <p>OpenWindow.document.write(&quot;&quot;)</p> <p>OpenWindow.document.write(&quot;&quot;)</p> <p>OpenWindow.document.close()}</p> <p></p> <p></p> <p></p> <p><ahref="#"onclick="openwin()">打开一个窗口</ahref="#"onclick="openwin()"></p> <p><inputtype="button"onclick="openwin()"value="打开窗口"></inputtype="button"onclick="openwin()"value="打开窗口"></p> <p></p> <p></p> <p>看看OpenWindow.document.write()里面的代码不就是标准的HTML吗?只要按照格式写更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用OpenWindow.document.close()结束啊。</p> <p>【9、终极应用&#8211;弹出的窗口之Cookie控制】</p> <p>回想一下,上面的弹出窗口虽然酷,但是有一点小毛病(沉浸在喜悦之中,一定没有发现吧?)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页),那么每次刷新这个页面,窗口都会弹出一次,是不是非常烦人?:-(有解决的办法吗?Yes!;-)Followme.</p> <p>我们使用cookie来控制一下就可以了。</p> <p>首先,将如下代码加入主页面HTML的区:</p> <p></p> <p><script></script> <p></p> <p>functionopenwin()</p> <p>{window.open(&quot;page.html&quot;,&quot;&quot;,&quot;width=200,height=200&quot;)}</p> <p>functionget_cookie(Name)</p> <p>{varsearch=Name+&quot;=&quot;</p> <p>varreturnvalue=&quot;&quot;;</p> <p>if(document.cookie.length&gt;0){</p> <p>offset=document.cookie.indexOf(search)</p> <p>if(offset!=-1){</p> <p>offset+=search.length</p> <p>end=document.cookie.indexOf(&quot;;&quot;,offset);</p> <p>if(end==-1)</p> <p>end=document.cookie.length;</p> <p>returnvalue=unescape(document.cookie.substring(offset,end))</p> <p>}</p> <p>}</p> <p>returnreturnvalue;</p> <p>}</p> <p>functionloadpopup(){</p> <p>if(get_cookie(&#39;popped&#39;)==&#39;&#39;){</p> <p>openwin()</p> <p>document.cookie=&quot;popped=yes&quot;</p> <p>}</p> <p>}</p> <p></p> <p>然后,用<bodyonload="loadpopup()">(注意不是openwin而是loadpop啊!)替换主页面中原有的这一句即可。你可以试着刷新一下这个页面或重新进入该页面,窗口再也不会弹出了。真正的Pop-Only-Once!</bodyonload="loadpopup()"></p> <p>写到这里弹出窗口的制作和应用技巧基本上算是完成了,俺也累坏了,一口气说了这么多,希望对正在制作网页的朋友有所帮助俺就非常欣慰了。</p> <p>需要注意的是,JS脚本中的的大小写最好前后保持一致。</p> <p>【10、关闭弹出窗口时候刷新父窗体】</p> <p>引用下面的JS方法,实现关闭弹出窗口刷新父窗体</p> <p>javascript:opener.location.href=opener.location.href;opener=null;window.close()</p> <p><span style="FONT-FAMILY: 宋体"></span>&nbsp;</p></p>

未经允许不得转载:淘淘源码吧 » javascript Window.Open参数、返回值