【实例名称】
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代码的准确性,请点击:创建弹出窗口 进行本实例源码下载
……