一组常用的弹出窗口用法__教程 - 久丰模板网站，提供免费及精美的网页模板下载

文章搜索：分类关键字

收藏本站

设为首页

您的位置：首页 → 网页制作 → 网页制作 → 一组常用的弹出窗口用法__教程

一组常用的弹出窗口用法__教程

日期：2007-1-6 11:13:41 人气：65 [大中小]

[1]

　以下代码集合常用的弹出窗口用法.

【1、最基本的弹出窗口代码】

代码放在之间。
是对一些版本低的浏览器起作用。
window.open ('page.html') 用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以，只是不要混用。
这一段代码可以加入HTML的任意位置，和之间可以，间也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。

【2、经过设置后的弹出窗口】

定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况。

参数解释：
js脚本结束

【3、用函数控制弹出窗口】

完整的代码示范

...任意的页面内容...

这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。
怎么调用呢？
方法一：浏览器读页面时弹出窗口；
方法二：浏览器离开页面时弹出窗口；
方法三：用一个连接调用：
打开一个窗口
注意：使用的“#”是虚连接。
方法四：用一个按钮调用：

【4、同时弹出2个窗口】

对源代码稍微改动一下

为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四种方法调用即可。

注意：2个窗口的name(newwindows和newwindow2)不要相同，或者干脆全部为空。

【5、主窗口打开文件1.htm，同时弹出小窗口page.html】

如下代码加入主窗口区

加入区 open 即可。

【6、弹出的窗口之定时关闭控制】

将一小段代码加入弹出的页面(注意是加入到page.html的HTML中，不是主页面中)，让它10秒后自动关闭

首先，将如下代码加入page.html文件的区

再用这一句话代替page.html中原有的这一句。(作用是调用关闭窗口的代码，10秒钟后就自行关闭该窗口。)

【7、在弹出窗口中加上一个关闭按钮】

【8、内包含的弹出窗口-一个页面两个窗口】

上面的例子都包含两个窗口，一个是主窗口，另一个是弹出的小窗口。

下面的例子，你可以在一个页面内完成上面的效果。

打开一个窗口

OpenWindow.document.write()里面的代码是标准的HTML.按照格式写更多的行即可。用OpenWindow.document.close()结束。

【9、弹出的窗口之Cookie控制】

脚本放在一个需要频繁经过的页面里(例如首页)，那么每次刷新这个页面，窗口只弹出一次

使用cookie来控制一下就可以了。

首先，将如下代码加入主页面HTML的区

然后用（注意不是openwin而是loadpop）替换主页面中原有的这一句即可。

【10、兼容性最好的函数控制弹出窗口】

页面任意位置插入如下代码

对超级链接添加onclikc行为,示范:popup

即添加 onClick="return js_callpage(this.href);"

出处：本站原创作者：佚名

推荐文章