網(wǎng)站制作中彈出窗體代碼
2011/3/11 17:09:46
網(wǎng)站制作中彈出窗體是怎么寫的呢?下面就和我們一起學(xué)習(xí)一下~!
<SCRIPT LANGUAGE="javascript">
<!--
window.open ('page.html')
-->
</SCRIPT>
因?yàn)檫@是一段javascript代碼,所以它們應(yīng)該放在<SCRIPT LANGUAGE ="javascript">標(biāo)簽和</script>之間。
<!--和-->是對(duì)一些版本低的瀏覽器起作用,在這些老瀏覽器中如果不支持javascript,不會(huì)將標(biāo)簽中的代碼作
為文本顯示出來。
Window.open ('page.html')用于控制彈出新的窗口page.html,如果page.html不與主窗口在同一路徑下,前面
應(yīng)寫明路徑,絕對(duì)路徑(http://)和相對(duì)路徑(../)均可。
用單引號(hào)和雙引號(hào)都可以,只是不要混用。
這一段代碼可以加入HTML的任意位置,加入到<head>和</head>之間也可以,位置越靠前執(zhí)行越早,尤其是頁面
代碼較長時(shí),又想使頁面早點(diǎn)彈出就盡量往前放。
【經(jīng)過設(shè)置后的彈出窗口】
下面再說一說彈出窗口外觀的設(shè)置。只要再往上面的代碼中加一點(diǎn)東西就可以了。
我們來定制這個(gè)彈出窗口的外觀、尺寸大小、彈出位置以適應(yīng)該頁面的具體情況。
<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>
參數(shù)解釋:
<SCRIPT LANGUAGE="java script"> js腳本開始;
window.open 彈出新窗口的命令;
page.html 彈出新窗口的文件名;
newwindow 彈出窗口的名字(不是文件名),可用空 〃代替;
height=100 窗口高度;
top=0 窗口距離屏幕上方的像素值;
left=0 窗口距離屏幕左側(cè)的像素值;
toolbar=no 是否顯示工具欄,yes為顯示;
menubar,scrollbars 表示菜單欄和滾動(dòng)欄;
resizable=no 是否允許改變窗口大小,yes為允許;
location=no 是否顯示地址欄,yes為允許;
status=no 是否顯示狀態(tài)欄內(nèi)的信息(通常是文件已經(jīng)打開),yes為允許;
</SCRIPT> js腳本結(jié)束。
【用函數(shù)控制彈出窗口】
下面是一個(gè)完整的代碼。
<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()">
...任意的頁面內(nèi)容...
</body>
</html>
這里定義了一個(gè)函數(shù)openwin(),函數(shù)內(nèi)容就是打開一個(gè)窗口。在調(diào)用它之前沒有任何用途。怎么調(diào)用呢?
方法一:<body onload="openwen()"> 瀏覽器讀頁面時(shí)彈出窗口;
方法二:<body onunload="openwen()"> 瀏覽器離開頁面時(shí)彈出窗口;
方法三:用一個(gè)連接調(diào)用:<a href="#" onclick="openwin()">打開一個(gè)窗口</a>
注意:使用的"#"是虛連接。
方法四:用一個(gè)按鈕調(diào)用:<input type="button" onclick="openwin()" value="打開窗口">
【主窗口打開文件1.htm,同時(shí)彈出小窗口page.html】
將如下代碼加入主窗口<head>區(qū):
<script language="javascript">
<!--
function openwin(){
window.open("page.html","","width=200,height=200";)
}
//-->
</script>
加入<
下一頁
返回列表
返回首頁
主站蜘蛛池模板:
国产精品久久女同磨豆腐|
日本三级网站在线线观看|
免费高清在线影片一区|
野花视频在线官网免费1|
国产精品毛片无遮挡|
tube8最近日本护士|
日本一区二区三区四区|
亚洲Av高清一区二区三区|
波多野结衣一区二区三区高清在线
|
免费永久国产在线视频|
蜜桃视频在线观看官网|
国产欧美va欧美va香蕉在线观看|
91免费国产在线观看|
小兔子被蛇用两根是什么小说|
久久久99视频|
91在线播放国产|
欧美人与物videos另|
亚洲精品免费视频|
男女无遮挡边做边吃视频免费|
四虎永久精品免费网址大全|
韩国理论妈妈的朋友|
中文字幕日韩精品有码视频|
美女毛片免费看|
国产嗯嗯叫视频|
日本高清在线免费|
国产视频一区二区在线观看|
kink系列视频在线播放|
成人国产精品999视频|
久久久久成人精品无码中文字幕
|
久久久国产99久久国产一|
欧美一卡2卡3卡4卡免费|
亚洲欧美人成网站在线观看看|
狼群影院www|
免费无遮挡毛片|
精品性高朝久久久久久久|
国产gaysexchina男同menxnxx|
野花社区视频www|
国产女人18毛片水真多18精品|
日本阿v精品视频在线观看|
国产精品无码a∨精品|
77777_亚洲午夜久久多人|