【最基本的弹出窗口代码】
SCRIPT LANGUAGE="javascript"
!--
window.open ('page.html')
--
/SCRIPT
因为这是一段javascript代码,所以它们应该放在SCRIPT LANGUAGE ="javascript"标签和/script之间。
!--和--是对一些版本低的浏览器起作用,在这些老浏览器中如果不支持javascript,不会将标签中的代码作
为文本显示出来。
Window.open ('page.html')用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面
应写明路径,绝对路径(http://)和相对路径(../)均可。
用单引号和双引号都可以,只是不要混用。
这一段代码可以加入HTML的任意位置,加入到head和/head之间也可以,位置越靠前执行越早,尤其是页面
代码较长时,又想使页面早点弹出就尽量往前放。
【经过设置后的弹出窗口】
下面再说一说弹出窗口外观的设置。只要再往上面的代码中加一点东西就可以了。
我们来定制这个弹出窗口的外观、尺寸大小、弹出位置以适应该页面的具体情况。
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="java script" js脚本开始;
window.open 弹出新窗口的命令;
page.html 弹出新窗口的文件名;
newwindow 弹出窗口的名字(不是文件名),可用空 〃代替;
height=100 窗口高度;
top=0 窗口距离屏幕上方的像素值;
left=0 窗口距离屏幕左侧的像素值;
toolbar=no 是否显示工具栏,yes为显示;
menubar,scrollbars 表示菜单栏和滚动栏;
resizable=no 是否允许改变窗口大小,yes为允许;
location=no 是否显示地址栏,yes为允许;
status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
/SCRIPT js脚本结束。
【用函数控制弹出窗口】
下面是一个完整的代码。
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="openwen()" 浏览器读页面时弹出窗口;
方法二:body onunload="openwen()" 浏览器离开页面时弹出窗口;
方法三:用一个连接调用:a href="#" onclick="openwin()"打开一个窗口/a
注意:使用的"#"是虚连接。
方法四:用一个按钮调用:input type="button" onclick="openwin()" value="打开窗口"
【主窗口打开文件1.htm,同时弹出小窗口page.html】
将如下代码加入主窗口head区:
script language="javascript"
!--
function openwin(){
window.open("page.html","","width=200,height=200";)
}
//--
/script
加入body区:a href="1.htm" onclick="openwin()"open/a即可。
【弹出的窗口之定时关闭控制】
下面我们再对弹出窗口进行一些控制,效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中,可不是主页面中,否则…),让它在10秒钟后自动关闭是不是更酷了?
首先,将如下代码加入page.html文件的head区:
script language="javascript"
function closeit() {
setTimeout("self.close()",10000) //毫秒
}
/script
然后,再用body onload="closeit()"这一句话代替page.html中原有的BODY这一句就可以了。(这一句话千
万不要忘记写啊!这一句的作用是调用关闭窗口的代码,10秒钟后就自行关闭该窗口。)
【在弹出窗口中加上一个关闭按钮】
form
INPUT TYPE='BUTTON' value='关闭' onClick='window.close()'
/form
呵呵,现在更加完美了!
【内包含的弹出窗口——一个页面两个窗口】
上面的例子都包含两个窗口,一个是主窗口,另一个是弹出的小窗口。
通过下面的例子,你可以在一个页面内完成上面的效果。
html
head
SCRIPT LANGUAGE="javascript"
function openwin()
{
OpenWindow=window.open("","newwin","height=250,width=250,toolbar=no,scrollbars="+scroll+",menubar=no";);
//写成一行
OpenWindow.document.write("TITLE例子/TITLE";)
OpenWindow.document.write("BODY BGCOLOR=#FFFFFF";)
OpenWindow.document.write("H1Hello!/h1";)
OpenWindow.document.write("New window opened!";)
OpenWindow.document.write("/BODY ";)
OpenWindow.document.write("/HTML";)
OpenWindow.document.close()
}
/script
/head
body
a href="#" onclick="openwin()"打开一个窗口/a
input type="button" onclick="openwin()" value="打开窗口"
/body
/html
看看OpenWindow.document.write()里面的代码不就是标准的HTML吗?只要按照格式写更多的行即可。千万注意多一个标签或少一个标签都会出现错误。记住用OpenWindow.document.close()结束啊。
【终极应用——弹出窗口的Cookie控制】
回想一下,上面的弹出窗口虽然酷,但是有一点小毛病(你沉浸在喜悦之中,一定没有发现吧?)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页),那么每次刷新这个页面,窗口都会弹出一次,是不是非常烦人?有解决的办法吗?Yes!Follow me。我们使用Cookie来控制一下就可以了。
首先,将如下代码加入主页面HTML的HEAD区:
script
function openwin(){
window.open("page.html","","width=200,height=200" ;)
}
function get_cookie(Name){
var search = Name+ "="
var returnvalue ="";
if (documents.cookie.length 0){
offset = documents.cookie.indexOf(search)
if (offset!=-1){
offset += search.length
end = documents.cookie.indexOf (";",offset);
if (end ==-1)
end = documents.cookie.length;
returnvalue =unescape(documents.cookie.substring(offset,end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie(’popped’)==";){
openwin()
documents.cookie="popped=yes"
}
}
/script
然后,用body onload="loadpopup()"(注意不是openwin 而是loadpop啊)替换主页面中原有的BODY这一句即可。你可以试着刷新一下这个页面或重新进入该页面,窗口再也不会弹出了。真正的Pop-Only-Once!
写到这里,弹出窗口的制作和应用技巧基本上算是讲完了,希望对正在制作网页的朋友有所帮助我就非常欣慰了。
需要注意的是,JS脚本中的大小写最好前后保持一致。
没有菜单、工具栏、地址栏的弹出窗口:
script language="javascript"
!--
var gt = unescape('%3e');
var popup = null;
var over = "Launch Pop-up Navigator";
popup = window.open('', 'popupnav', 'width=500,height=500,resizable=0,scrollbars=auto'); // width=500,height=500为窗口长和宽
if (popup != null) {
if (popup.opener == null) {
popup.opener = self; }
popup.location.href = '要打开的文件名';
}
// --
/script
离开一个页面时弹出一个可定制的窗口
!-- Begin
function leave() {
window.open(\'离开页面时弹出窗口的URL\',\'\',\'toolbar=no,menubar=no,location=no,height=235,width=320\');
}
// End --
/script
如下代码加入HTML的BODY区:body onUnload="leave()"
超级弹窗代码(MYIE也照弹)
script language="javascript"
focusid=setTimeout("focus();window.showModelessDialog(\'\',\'\',\'scroll:1;status:0;help:0;resizable:1;dialogWidth:0px;dialogHeight:0px\')",0000)
/script
script language="javascript"
!--
function clock(){i=i-1
document.title="";#定义标题
if(i0)setTimeout("clock();",1000);
else self.close();}
var i=4#定义多少秒后关
clock();
//--
/script
代码如下-----------
.版本 2
.程序集 窗口程序集1
.程序集变量 变量, 整数型
.子程序 _按钮1_被单击
时钟1.时钟周期 = 1
.子程序 __启动窗口_创建完毕
变量 = 0
.子程序 _时钟1_周期事件
.判断循环首 (变量 = 0)
信息框 (“无限循环窗口中!”, 0, )
.判断循环尾 ()
-----------------------------
所需控件:一个按钮,一个闹钟
如果需要无限窗口是单一的,不是重复出现窗口的话,使用如下命令:
-------------------------
.版本 2
.程序集 窗口程序集1
.程序集变量 变量, 整数型
.子程序 _按钮1_被单击
.判断循环首 (变量 = 0)
信息框 (“无限循环窗口中!”, 0, )
.判断循环尾 ()
.子程序 __启动窗口_创建完毕
变量 = 0
------------------------------
所需控件: 一个按钮
纯手打!亲,给好评哟
方法步骤如下:
1、首先打开计算机,在计算机的桌面上右键点击,选中“文件文档”选项。
2、生成之后,双击打开文件文档。
3、然后在界面内输入如图的代码。
4、输入完毕后,保存起来。
5、然后使用鼠标对文件进行右键,重命名。
6、将txt的后缀,改为vbs格式。
7、双击打开,就可以看见其效果了。这里是关不了的。(ctrl+alt+delete可以停止下来)
,抖音快捷突起 ,其带货才能 没有容小觑。正在那个行将辞旧迎新的时刻,抖音拉没了秋节没有挨烊运动 ,否以呼引没有长消费者前去购置 ,一路 去看看齐平易近 义务 赛的弄法 吧。 三. 五. 一 报名空儿: 二0 二 二年0 一月 一 三日00:00:00- 二0 二 二年0 二月0 七日 二 三: 五...
TFT齐称为Thin Film Transistor(厚膜晶体管),是场效应晶体管的品种之一,年夜 致的制造 体式格局是正在基板上轻积各类 分歧 的厚膜,如半导体自动 层、介电层战金属电极层。 对于里板隐示技术感兴致 的,必然 要弄清晰 ,甚么是TFT? 图 一 TFT的汗青 人类 对于 T...
始谢菜蔬生果 店掉 败的几年夜 缘故原由 寺寺寺寺寺 二0 一 八- 一0-0 四 一 六: 三 六: 三 八第一,便是该入甚么货的答题。菜蔬便没有说了,由于 菜蔬便这么些种类,并且 每一一种类,也没有太分甚么品位。然则 生果 ,学识否便年夜 了。入哪些生果 ,尤为是这些贱的生果 ,该入哪一种。那...
第 一散第 二散第 三散第 四散第 五散第 六散第 七散第 八散第 九散第 一0散第 一 一散第 一 二散第 一 三散第 一 四散第 一 五散第 一 六散第 一 七散第 一 八散第 一 九散第 二0散第 二 一散第 二 二散第 二 三散第 二 四散第 二 五散第 二 六散第 二 七散第 二 八散第 ...
( 一)正在后台模拟 点击一再 访问 其它网站会造成用户挪动流质的益耗。 一 经由 系统 更新路子 拉送马libatel.comCreation Date: 二0 一 九-0 五- 一 六T0 七: 一 二: 三0Z纸不敷 年夜 ,便出有绘图 ,可以或许 参考下面双背ARP诈骗的图。。。 一、针 ...
cucci是甚么牌子守业点子• 二0 二0-0 四-0 五 一 一: 二 三: 五 九•网站漫笔 •浏览 五 二 四嫩花有着一股取熟俱去的经典之美,添上设计们正在样式上的自出机杼 ,沉紧离别 了传统的年夜 妈购菜包格调,披发 没浓烈 的时尚风度 ,让许多 亮星年夜 咖们皆地位 入神 。繁复没有隐夸...