设为首页 加入收藏 网站首页
休闲娱乐
军事·社会百态·娱乐八卦·校园
体育·美女写真·幽默笑话·游戏
综合·在线视频·搞笑图片·灵异
两性生活
两性知识·性爱技巧
情色实录·两性图片
女性健康·同性之恋
电脑网络
网络编程·网页制作·软件教学
操作系统·图形图象·冲浪宝典
网络安全·邮件系统·认证考试
热点专题
芙蓉·真人漫画
72式·欲望都市
帅哥·人体彩绘
您现在的位置: 世纪中国 >> 网页制作 >> Javascript教程 >> 教程正文
一组常用的弹出窗口用法总结
作者:中国图霸    教程来源:网络    点击数:    更新时间:2007-1-2

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

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

以下是引用片段:
<SCRIPT LANGUAGE="javascript"> 
<!-- 
window.open ('page.html') 
--> 
</SCRIPT> 

代码放在<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' 弹出窗口的文件名; 
'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替; 
height=100 窗口高度; 
width=400 窗口宽度; 
top=0 窗口距离屏幕上方的象素值; 
left=0 窗口距离屏幕左侧的象素值; 
toolbar=no 是否显示工具栏,yes为显示; 
menubar,scrollbars 表示菜单栏和滚动栏。 
resizable=no 是否允许改变窗口大小,yes为允许; 
location=no 是否显示地址栏,yes为允许; 
status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许; 
</SCRIPT>
js脚本结束


3、用函数控制弹出窗口

完整的代码示范

以下是引用片段:
<html> 
<head> 
<script LANGUAGE="javascript"> 
<!-- 
function openwin() { window.open ("page.html", "newwindow", "height=100, width=400, toolbar= no, menubar=no, scr

[1] [2] 下一页

分类推荐
社会 社会 娱乐 军事 校园
幽默 体育 女性 专题
电脑 编程 网页 软件 系统
安全 图象 冲浪 认证
搞笑 人物 动物 物品 表情
签名 色图 漫画 奇闻
美女 明星 清纯 自拍 欧美
丝袜 卡通 性感 走光
两性 知识 性图 孕育 技巧
同性 单身 情感 实录
视频 写真 搞笑 MTV 翻唱
写实 片段 游戏 综艺
Javascript教程热门文章
普通教程 javascript操作cookie
普通教程 javascript+XML 操作
普通教程 javascript中的字符串操作
普通教程 预装载以及javascript Ima
普通教程 来自Google的密码强度java
普通教程 关于ie的内存泄漏与javasc
普通教程 一段非常简单的让图片自动切换
普通教程 使用javascript检测浏览器
普通教程 理解javascript中的事件
普通教程 javascript gb2312转utf-8
普通教程 在网页中控制wmplayer播放器
普通教程 用javascript实现(页面正
普通教程 javascript实现datagrid客
普通教程 javascript代码混淆综合解
普通教程 javascript实现类似google
普通教程 用于自动添加Digg This!按钮的
普通教程 全面理解javascript的call
普通教程 javascript实现仿新浪信息
普通教程 javascript常用检测脚本
普通教程 用javascript轻松制作一套

  广东广州海珠区 世纪网络工作室 版权所有 上海电信提供网络带宽
信箱: 9297659@qq.com 粤ICP备06113754号