JSP弹出窗口解析[网站编程]
本文“JSP弹出窗口解析[网站编程]”是由七道奇为您精心收集,来源于网络转载,文章版权归文章作者所有,本站不对其观点以及内容做任何评价,请读者自行判断,以下是其具体内容:
常常上网的朋友大概会到过这样一些网站,一进入首页立即会弹出一个窗口,大概按一个衔接或按钮弹出,普通在这个窗口里会显示一些注意事项、版权信息、告诫、欢送光临之类的话大概作者想要分外提醒的信息.其实制作这样的页面效果非常的简单,只要往该页面的HTML里加入几段Javascript代码便可实现.下面俺就带您解析它的奥妙.
【1、最基本的弹出窗口代码】
其实代码非常简单:
〈SCRIPT LANGUAGE="javascript"〉
window.open (′page.html′) --〉
〈/SCRIPT〉
因为这是一段javascripts代码,所以它们应当放在〈SCRIPT LANGUAGE="javascript" 和 --〉是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来.要养成这个好习惯啊.
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="翻开窗口"〉
以上是“JSP弹出窗口解析[网站编程]”的内容,如果你对以上该文章内容感兴趣,你可以看看七道奇为您推荐以下文章:
本文地址: | 与您的QQ/BBS好友分享! |