自动弹出对话框代码网页设计特效美工助手 - CSDN文库

自动弹出对话框

光比对话框

3星 · 超过75%的资源需积分: 16 25 浏览量更新于2023-03-16 评论收藏 32KB DOC 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

弹窗代码经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一

个窗口，或者按一个连接或按钮弹出，通常在这个窗口里会显示一些注意事项、

版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作

这样的页面效果非常的容易，只要往该页面的 html 里加入几段 javascript 代

码即可实现。下面俺就带您剖析它的奥秘。

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

其实代码非常简单：

<script language="javascript">

<!--

window.open ('page.html')

-->

</script>

因为着是一段 javascripts 代码，所以它们应该放在<script

language="javascript">标签和</script>之间。是对一些版本

低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。

要养成这个好习惯啊。

window.open ('page.html') 用于控制弹出新的窗口 page.html，如果

page.html 不与主窗口在同一路径下，前面应写明路径，绝对路径(http://)和

相对路径(../)均可。用单引号和双引号都可以，只是不要混用。

这一段代码可以加入 html 的任意位置，<head>和</head>之间可以，

<body>间</body>也可以，越前越早执行，尤其是页面代码长，又想使页

面早点弹出就尽量往前放。

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

下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。

我们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具

体情况。

<script language="javascript">

<!--

window.open ('page.html', 'newwindow', 'height=100, width=400,

top=0,left=0, toolbar=no, menubar=no, scrollbars=no,

resizable=no,location=no, status=no')

//写成一行

-->

</script>

参数解释：

<script language="javascript"> js 脚本开始；

window.open 弹出新窗口的命令；

'page.html' 弹出窗口的文件名；

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余6页未读，立即下载

评论5

zhu_kf

2013-01-15

很好，很有帮助

canghaiaoyun1

粉丝: 0
资源: 1

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈