赛迪网 > IT技术 Java > 技术动态
  IT资讯搜索
 
IT产品搜索
[程序开发][网管世界][网络安全][数据库技术]
[操作系统][嘉宾聊天·在线访谈][活动集锦]
[精彩专题][Symantec专区][订阅IT技术周刊]
[开发论坛][网管论坛][安全论坛][数据库论坛]
[操作系统论坛][Sybase专区][IBM dW技术专区]
[病毒求助][病毒与漏洞播报][文档·源码下载]

初学入门:一组常用的弹出窗口用法总结

发布时间:2007.12.04 04:47     来源:赛迪网    作者:执木

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

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, scrollbars=no, resizable=no, location=no, status=no") 
//写成一行 

//--> 
< /script> 
< /head> 
< body onload="openwin()"> 
...任意的页面内容... 
< /body> 
< /html> 


这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。
怎么调用呢?
方法一:< body onload="openwin()"> 浏览器读页面时弹出窗口;
方法二:< body onunload="openwin()"> 浏览器离开页面时弹出窗口;
方法三:用一个连接调用:
< a href="#" onclick="openwin()">打开一个窗口< /a>
注意:使用的“#”是虚连接。
方法四:用一个按钮调用:
< input type="button" onclick="openwin()" value="打开窗口">
  (责任编辑:包春林)


[ 发表评论 ] 字体[  ] [ 打印 ] [ 进入博客 ] [ 进入论坛 ]  [ 推荐给朋友 ]
  相关文章
· JAVA基础:实例学习Java对象的构造过程 (12-03) · 用JAVA实现的屏幕抓图 (12-03)
· JAVA基础:用Java简单实现文件分割与合并 (12-03) · JSP、Struts避免Form重复提交的几种方案 (12-03)
· 利用JavaBeans在应用程序中创建组件 (12-03) · 深入理解JSP和JSF 共同打造完美Web应用 (12-03)
· JAVA基础--在运行时实现Java的多态性 (12-03) · JAVA中具有实例缓存的不可变类 (12-03)
· 关于Java性能的讨论 (12-03) · 学习心得 - JSP处理异常及一些高级主题 (11-29)
  客户需求反馈表
* 姓  名:
更多资料  了解方案  认识厂商
* 单位名称:
* 联系电话:
* 电子邮件:
  赛迪推荐  
  手机·资费 ·新品·导购·评测·手机资费·宽带
手机搜索  诺基亚 N73 MOTO Z6
  IT产品 ·笔记本·台式机·服务器·打印·投影
IT产品搜索 
  IT技术 ·开发·网管·安全·数据库·操作系统
  信息化 ·热点·专题·访谈·周刊·方案案例
· 推动产业升级 沪年内首推电子商务地方法规
· 中国域名成为全球顶级域名 促进社会信息化
· 签合同前的四问 谈八大厂商“云计算”理念
· 亚略特烟草解决方案 移民安置信息管理系统
  IT博客 ·曾剑秋·项立刚·Java学习·网管
  IT技术论坛 ·开发·网管·安全·数据库·系统