js弹出对话框方法总结.pdfVIP

js弹出对话框的⽅法总结 1、最基本的js弹出对话框窗⼜代码 这是最基本的j s弹出对话框，其实代码就⼏句⾮常简单： 代码如下: scriptLANGUAGE=j avascript !-- window .open (page . tml) -- /script 因为这是⼀段j avascripts代码，所 它们应该放在scriptLANGUAGE=j avascript标 签和/script之间。 !-- 和--是对⼀些版本低的浏览器起作⽤，在这些⽼浏览器中不 会将标签中的代码作为⽂本显⽰出来。要养成这个好习惯啊。 window .open (page . tml) ⽤于控制弹出新的窗⼜page . tml ，如果page . tml不与主窗⼜ 在同⼀路径下，前⾯应写明路径，绝对路径( ttp://)和相对路径(../)均可。⽤单引号和 双引号都可 ，只是不要混⽤。 这⼀段代码可 加⼊HTML 的任意位置， ead和/ ead之间可 ，body 间 /body也可 ，越前越早执⾏，尤其是页⾯代码长的页⾯，这种j s弹出对话框想早点 弹出就尽量往前放。 2、增加属性设置的js弹出对话框代码 下⾯再说⼀说j s弹出对话框窗⼜属性的设置。只要再往上⾯的代码中加⼀点东西就可 了。 我们来定制这个j s弹出对话框弹出的窗⼜的外观，尺⼨⼤⼩，弹出的位置 适应该页 ⾯的具体情况。 代码如下: View Code scriptLANGUAGE=j avascript !-- window .open(page . tml,newwindow, eig t= 100 , widt =400 , top=0 ,left=0 ,toolbar=no ,menubar=no , scrollbars=no , resizable=no ,location=no ,status=no) //写成⼀⾏ -- /script 参数解释： scriptLANGUAGE=j avascript j s脚本开始； window .open 弹出新窗⼜的命令； page . tml 弹出窗⼜的⽂件名； newwindow 弹出窗⼜的名字 （不是⽂件名），⾮必须，可⽤空代替； eig t= 100 窗⼜⾼度； widt =400 窗⼜宽度； top=0 窗⼜距离屏幕上⽅的象素值； left=0 窗⼜距离屏幕左侧的象素值； toolbar=no 是否显⽰⼯具栏，yes为显⽰； menubar ，scrollbars 表⽰菜单栏和滚动栏。 resizable=no 是否允许改变窗⼜⼤⼩，yes为允许； location=no 是否显⽰地址栏，yes为允许； status=no 是否显⽰状态栏内的信息 （通常是⽂件已经打开），yes为允许； /script j s脚本结束 3、⽤函数控制js弹出对话框窗⼜ 下⾯是⼀个完整j s弹出对话框的代码。 代码如下: View Code tml ead scriptLANGUAGE=j avascript !-- function openwin() { window .open(page . tml, newwindow, eig t= 100 , widt =400 ,toolbar= no , menubar=no , scrollbars=no ,resizable=no , location=no , status=no) //写成⼀⾏ } //-- /script / ead body onload=openwin() ...任意的页⾯内容... /body / tml 这⾥定义了⼀个函数openwin(),函数内容就是打开⼀个窗⼜。在调⽤它之前没有任何⽤ 途。 怎么调⽤呢？ ⽅法⼀：浏览器读页⾯时弹出窗⼜； 代码如下: body onload=openwin() ⽅法⼆：浏览器离开页⾯时弹出窗⼜； 代码如下: body onunload=openwin() ⽅法三：⽤⼀个连接调⽤： 代码如下: a ref=# onclick=openwin()打开⼀个窗⼜/a 注意：使⽤的“#”是虚连接。 ⽅法四：⽤⼀个按钮调⽤： 代码