|
一组常用的弹出窗口用法 以下代码集合常用的弹出窗口用法 最基本的弹出窗口代码 以下是引用片段 <SCRIPT LANGUAGE=javascript> <! windowopen (l) > </SCRIPT> 代码放在<SCRIPT LANGUAGE=javascript>标签和</script>之间 <! 和 >是对一些版本低的浏览器起作用 windowopen (l) 用于控制弹出新的窗口l如果l不与主窗口在同一路径下前面应写明路径绝对路径//)和相对路径(/)均可用单引号和双引号都可以只是不要混用 这一段代码可以加入HTML的任意位置<head>和</head>之间可以<body>间</body>也可以越前越早执行尤其是页面代码长又想使页面早点弹出就尽量往前放 经过设置后的弹出窗口 定制这个弹出的窗口的外观尺寸大小弹出的位置以适应该页面的具体情况 以下是引用片段 <SCRIPT LANGUAGE=javascript> <! windowopen (l newwindow height= width= top=left= toolbar=no menubar=no scrollbars=no resizable=nolocation=no status=no) //写成一行 > </SCRIPT> 参数解释 以下是引用片段 <SCRIPT LANGUAGE=javascript> js脚本开始 windowopen 弹出新窗口的命令 l 弹出窗口的文件名 newwindow 弹出窗口的名字（不是文件名）非必须可用空代替 height= 窗口高度 width= 窗口宽度 top= 窗口距离屏幕上方的象素值 left= 窗口距离屏幕左侧的象素值 toolbar=no 是否显示工具栏yes为显示 menubarscrollbars 表示菜单栏和滚动栏 resizable=no 是否允许改变窗口大小yes为允许 location=no 是否显示地址栏yes为允许 status=no 是否显示状态栏内的信息（通常是文件已经打开）yes为允许 </SCRIPT> js脚本结束 用函数控制弹出窗口 完整的代码示范 以下是引用片段 <html> <head> <script LANGUAGE=javascript> <! function openwin() { windowopen (l newwindow height= width= toolbar= no menubar=no scrollbars=no resizable=no location=no status=no) //写成一行 } //> </script> </head> <body onload=openwin()> 任意的页面内容 </body> </html> 这里定义了一个函数openwin()函数内容就是打开一个窗口在调用它之前没有任何用途 怎么调用呢？ 方法一<body onload=openwin()> 浏览器读页面时弹出窗口 方法二<body onunload=openwin()> 浏览器离开页面时弹出窗口 方法三用一个连接调用 <a # onclick=openwin()>打开一个窗口</a> 注意使用的#是虚连接 方法四用一个按钮调用 <input type=button onclick=openwin() value=打开窗口> |
