爱学记
典型意思 PHP典型模块与项目实战大全：控制IE的弹出页面
PHP典型模块与项目实战大全：控制IE的弹出页面
控制IE的弹出页面
最基本的弹出窗口是通过window open（）方法来实现的 读者对下面这段代码应该不陌生 执行该方法将会在浏览器中打开一个新的index 页面
<script LANGUAGE= javascript >
window open （ index ）
</script>
节提到过JavaScript代码在HTML中的嵌入形式 所以应该放在<script LANGUAGE = javascript >标记和</script>之间 window open（ index ）的作用是打开一个新窗口 并装载URL指定的文档 如果没指定URL将会装载一个空白文档
注意 如果载入的文件与主窗口不在同一路径下 前面应写明路径 绝对路径（//）或相对路径（/）均可 可以用单引号也可以用双引号 只是要注意符号统一
通过改变window open（）的参数来弹出窗口
通过改变window open（）函数中的参数 可以对弹出窗口的外观进行具体的设置 例如 弹出窗口的外观 尺寸大小 弹出位置等
<script LANGUAGE= javascript >
<!
window open（ index newwindow height=
width= top= left= toolbar=no menubar=no
scrollbars=no resizable=no location=no status=no ）
//注意写在一行
>
</script>
【参数解释】
<script LANGUAGE= java script >:JavaScript开始标记
window open:弹出新窗口的命令
page :弹出新窗口的文件名
newwindow:弹出窗口的名字（不是文件名） 可用空 代替
height= :窗口高度
top= :窗口距离屏幕上方的像素值
left= :窗口距离屏幕左侧的像素值
toolbar=no:是否显示工具栏 yes为显示
menubar scrollbars:表示菜单栏和滚动栏
resizable=no:是否允许改变窗口大小 yes为允许
location=no:是否显示地址栏 yes为允许
status=no:是否显示状态栏内的信息（通常是文件已经打开） yes为允许
</script>:JavaScript结束标记
通过封装函数调用的方式来控制弹出窗口
除了直接在HTML代码中插入JavaScript脚本外 还可以通过封装函数调用的方式来控制弹出窗口 下面是一段完整的应用
<>
<head>
<script LANGUAGE= javascript >
<!
function openwin （）{
window open（ index newwindow height= width= toolbar=no
menubar=no scrollbars=no resizable=no location=no status=no ;）
//注意折行问题
}
>
</script>
</head>
<body onload= opennew （） >
<! HTML页面内容 >
</body>
</>
【代码解读】
以上代码将打开一个新的弹出窗口 将业务逻辑代码进行函数封装 并命名为opennew（） 需要注意的是 封装的函数在没有被调用之前是不会被执行的 这样在实际的应用中 就可以根据不同的需求选择不同的调用方式 最常用的方法有以下几种
直接加载 <body onload= opennew （） >即直接加载方式 当浏览器执行到该行代码后调用弹出窗口函数
离开调用 <body onunload= opennew （） > 即当浏览器离开本次浏览的页面时调用弹出窗口函数
伪链接调用 <a href= # onclick= opennew （） >被打开文件名</a>即通过onclick单击事件来调用弹出窗口函数
注意 使用的 # 符号代表空链接
按钮调用 <input type= button onclick= opennew （） value= 打开窗口 >同链接调用的原理相同 即通过onclick点击事件来调用弹出窗口函数
下面通过一个完整的例子 展示用以上 种方法调用弹出窗口 实例在浏览器中的执行效果如图 所示 调用后的效果如图 所示
<>
<head>
<meta equiv= Content Type content= text/; charset=utf />
<title>弹出窗口页面设置例子</title>
<script LANGUAGE= Javascript >
function newopen（） {
var newopen ;
newopen=window open （ index newwindow height= width=
toolbar =no menubar=no scrollbars=no resizable=no location=no
status=no ） //写成一行
newopen document write（ <TITLE>弹出窗口页面设置例子</TITLE> ）
newopen document write（ <BODY BGCOLOR=#FFFFFF> ）
newopen document write（ <H >Hello!</h > ）
newopen document write（ New window opened! ）
newopen document write（ </BODY > ）
newopen document write（ </HTML> ）
newopen document close（）
}
</script>
<meta equiv= Content Type content= text/; charset=utf >
</head>
<! 注释 <body onload= newopen（） > >
<! 注释 <body onunload= newopen（） > >
<body>
直接加载方式 >在代码中去掉注释 <br/>
离开加载方式 >在代码中去掉注释 <br/>
链接触发调用 ><a href= # onClick= newopen（） >链接方式打开</a><br/>
按钮触发调用 ><input type= button onClick= newopen（） value= 按钮调用 >
</body>
</>
代码在浏览器中的执行效果如图 所示 调用后的效果如图 所示
图 弹出窗口预览
返回目录PHP典型模块与项目实战大全
编辑推荐
Java Web开发详解
PHP Web开发学习实录
ASP NET开发培训视频教程
lishixinzhi/Article/program/PHP/201311/21528相关文章
微信收款码
支付宝收款码