|
【5、主窗口打开文件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〉即可。
【6、弹出的窗口之定时关闭控制】
下面我们再对弹出的窗口进行一些控制,效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中,可不是主页面中,否则...),让它10秒后自动关闭是不是更酷了?
首先,将如下代码加入page.html文件的〈head〉区:
〈script language=\"JavaScript\"〉
function closeit() {
setTimeout(\"self.close()\",10000) //毫秒
}
〈/script〉
然后,再用〈body onload=\"closeit()\"〉 这一句话代替page.html中原有的〈BODY〉这一句就可以了。(这一句话千万不要忘记写啊!这一句的作用是调用关闭窗口的代码,10秒钟后就自行关闭该窗口。)
【7、在弹出窗口中加上一个关闭按钮】
〈FORM〉
〈INPUT TYPE=′BUTTON′ VALUE=′关闭′ onClick=′window.close()′〉
〈/FORM〉
呵呵,现在更加完美了!
【8、内包含的弹出窗口---一个页面两个窗口】
上面的例子都包含两个窗口,一个是主窗口,另一个是弹出的小窗口。通过下面的例子,你可以在一个页面内完成上面的效果。
〈html〉
〈head〉
〈SCRIT 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(\"〈h1〉Hello!〈/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()结束啊。 |
|