html点击按钮弹出悬浮窗_9种实现点击一个链接弹出一个小窗口的代码

9

种实现点击一个链接弹出一个小窗口的代码

因为着是一段

javascripts

代码，

所以它们应该放在之间。

是对一些版本低的浏览器起作用，在这些老浏览器中不会将

标签中的代码作为文本显示出来。要养成这个好习惯啊。

window.open ('page.html')

用于控制弹出新的窗口

page.html

，

如果

page.html

不与主窗口在同一路径下，前面应写明路径，

绝对路径

(http://)

和相对路径

(.. /)

均可。用单引号和双引号都

可以，

只是不要混用。

这一段代码可以加入

HTML

的任意位

置，和之间可以，间也可以，越前越早执行，尤其是页面代

码长，又想使页面早点弹出就尽量往前放。

【

2

、经过设置后

的弹出窗口】下面再说一说弹出窗口的设置。只要再往上面

的代码中加一点东西就可以了。

我们来定制这个弹出的窗

口的外观，

尺寸大小，

弹出的位置以适应该页面的具体情况。

参数解释：

js

脚本结束【

3

、用函数控制弹出窗口】下面是

一个完整的代码。任意的页面内容

...

这里定义了一个函数

openwin(),

函数内容就是打开一个窗口。

在调用它之前没有任

何用途。怎么调用呢？方法一：

浏览器读页面时弹出窗口；

方法二：

浏览器离开页面时弹出窗口；

方法三：用一个连接调用：

打开一个窗口

注意：使用的“

#

”是虚连接。