1.window.open 使用方法详解 (1)基本语法:window.open(pageURL,name,parameters) 其中: pageURL 为子窗口路径 name 为子窗口句柄,弹出窗口名字(不是文件名)非必须可用空''代替； parameters 为窗口参数(各参数用逗号分隔) 举例: (2)参数介绍说明注意:其中yes/no也可使用1/0；pixel value为具体数值单位象素 参数 取值范围 介绍说明 alwaysLowered yes/no 指定窗口隐藏在所有窗口的后 alwaysRaised yes/no 指定窗口悬浮在所有窗口的上 depended yes/no 是否和父窗口同时关闭 directories yes/no Nav2和3目录栏是否可见 status yes/no 是否显示状态栏 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 窗口被激活后是否浮在其它窗口的上 top pixel value 窗口距离屏幕上方象素值 left pixel value 窗口距离屏幕左侧象素值 fullscreen yes/no/1/0 是否全屏显示 (3)例子【1、最基本弹出窗口代码】 　　其实代码非常简单: 　　着是段javascripts代码所以它们应该放在 的间是对些版本低浏览器起作用在这些老浏览器中不会将标签中代码作为文本显示出来要养成这个好习惯啊 　　Window.open ('page.html') 用于控制弹出新窗口page.html如果page.html不和主窗口在同路径下前面应写明路径绝对路径(http://)和相对路径(../)均可用单引号和双引号都可以只是不要混用 　　这段代码可以加入HTML任意位置和的间可以间也可以越前越早执行尤其是页面代码长又想使页面早点弹出就尽量往前放【2、经过设置后弹出窗口】 　　下面再说说弹出窗口设置只要再往上面代码中加点东西就可以了 　　我们来定制这个弹出窗口外观尺寸大小弹出位置以适应该页面具体情况 参数解释: js脚本结束 【3、用控制弹出窗口】 下面是个完整代码 …任意页面内容… 这里定义了个openwin,内容就是打开个窗口在它的前没有任何用途 如何呢？ 思路方法: 浏览器读页面时弹出窗口； 思路方法 2: 浏览器离开页面时弹出窗口； 思路方法 3:用个连接: 打开个窗口 注意:使用"#"是虚连接 思路方法 4:用个按钮: 【4、同时弹出2个窗口】 　　对源代码稍微改动下: 　　为避免弹出2个窗口覆盖用top和left控制下弹出位置不要相互覆盖即可最后用上面说过 4种思路方法即可 注意:2个窗口name(windows和window2)不要相同或者干脆全部为空OK？ 【5、弹出窗口的定时关闭控制】 　　下面我们再对弹出窗口进行些控制效果就更好了如果我们再将小段代码加入弹出页面(注意是加入到page.htmlHTML中可不是主页面中否则…)让它10秒后自动关闭是不是更酷了？ 　　首先将如下代码加入page.html文件区: 　　然后再用 这句话代替page.html中原有这句就可以了 (这句话千万不要忘记写啊！这句作用是关闭窗口代码10秒钟后就自行关闭该窗口) 【6、在弹出窗口中加上个关闭按钮】

【7、内包含弹出窗口-个页面两个窗口】 　　上面例子都包含两个窗口个是主窗口另个是弹出小窗口 　　通过下面例子你可以在个页面内完成上面效果 打开个窗口 　　看看 OpenWindow.document.write里面代码不就是标准HTML吗？只要按照格式写更多行即可 千万注意多个标签或少个标签就会出现记得用OpenWindow.document.close结束啊 【8、终极应用--弹出窗口的Cookie控制】 　　回想下上面弹出窗口虽然酷但是有点小毛病(沉浸在喜悦的中定没有发现吧？)比如你将上面脚本放在个需要频繁经过页面里(例如首页)那么每次刷新这个页面窗口都会弹出次是不是非常烦人？:-(有解决办法吗？Yes! ;-) Follow me. 　　我们使用cookie来控制下就可以了　　首先将如下代码加入主页面HTML区: 　　然后用(注意不是openwin而是loadpop啊！)替换主页面中原有这句即可你可以试着刷新下这个页面或重新进入该页面窗口再也不会弹出了真正Pop-Only-Once！ 　　　　需要注意是JS脚本中大小写最好前后保持致 2.showModalDialog使用 (1)格式:vReturnValue = window.showModelessDialog(sURL[, vArguments][, sFeatures]) 参数介绍说明: vArguments 是要傳到子窗口參數； sFeatures 指定子窗口顯示狀太與 window.open 相似； sFeatures 所用參數: dialogHeight: iHeight dialogWidth: iWidth dialogLeft: iXPos dialogTop: iYPos center: {yes | no | 1 | 0 } help: {yes | no | 1 | 0 } resizable: {yes | no | 1 | 0 } (Internet Explorer 5 and above) status: {yes | no | 1 | 0 } (Internet Explorer 5 and above) 注意:vArguments这个参数如果不好使话,就用?传参数.只需要改变sURL形式:window.showModalDialog("index.jsp?aaa=abc")

TAG: 中弹