当前位置:软件学堂 > 资讯首页 > 网络编程 > 编程其他 > JS代码创建弹出窗口

JS代码创建弹出窗口

2012/11/3 12:21:18作者:佚名来源:网络

移动端

【实例名称】

JS代码创建弹出窗口

【实例描述】

为了提示用户操作,有时候需要弹出窗口显示提示信息,可以使用div层实现。本例学习使用JavaScript实现弹出窗口式的提示功能。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-学无忧(www.xue51.com)</title> <script language="javascript">   var oPopup = window.createPopup();   //弹出窗口对象   var oPopupBody = oPopup.document.body;  //弹出窗口对象的文档对象   oPopupBody.innerHTML = "这里是一个<strong>弹出窗口</strong>"; //文档内容   oPopup.show(200, 100, 260, 50, document.body);  //指定大小的窗口,显示文本内容 </script> </head> <body>  </body> </html>

 

【运行效果】

 创建弹出窗口运行效果

【难点剖析】

弹出窗口类似于一个div层,没有菜单栏和标题栏等。“window.createPopup”方法用来创建一个弹出式窗口,“show”方法用来指定弹出窗口的位置和内容。

【源码下载】

为了JS代码的准确性,请点击:创建弹出窗口 进行本实例源码下载