網頁彈出框代碼html_網頁製作中的彈出窗口代碼

❶ 網頁彈出個框框源碼

最基本的彈出窗口代碼】

<SCRIPT LANGUAGE="javascript">

</SCRIPT>

因為這是一段javascript代碼，所以它們應該放在<SCRIPT LANGUAGE ="javascript">標簽和</script>之間。

是對一些版本低的瀏覽器起作用，在這些老瀏覽器中如果不支持javascript，不會將標簽中的代碼作

為文本顯示出來。

Window.open ('page.html')用於控制彈出新的窗口page.html，如果page.html不與主窗口在同一路徑下，前面

應寫明路徑，絕對路徑(http://)和相對路徑(../)均可。
用單引號和雙引號都可以，只是不要混用。
這一段代碼可以加入HTML的任意位置，加入到<head>和</head>之間也可以，位置越靠前執行越早，尤其是頁面

代碼較長時，又想使頁面早點彈出就盡量往前放。

【經過設置後的彈出窗口】

下面再說一說彈出窗口外觀的設置。只要再往上面的代碼中加一點東西就可以了。
我們來定製這個彈出窗口的外觀、尺寸大小、彈出位置以適應該頁面的具體情況。

<SCRIPT LANGUAGE="javascript">

</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">

</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">

</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("<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()結束啊。

【終極應用——彈出窗口的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">

</script>

離開一個頁面時彈出一個可定製的窗口


</script>

如下代碼加入HTML的<BODY>區：<body onUnload="leave()">

超級彈窗代碼(MYIE也照彈)

<script language="javascript">
focusid=setTimeout("focus();window.showModelessDialog(\'http://www.3tian.com\',\'\',\'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(i>0)setTimeout("clock();",1000);
else self.close();}
……………………………………
這是很完備的代碼了
你可以嘗試一下
好運
走先……

❷ html中,怎麼做一個彈出式的大小固定的小窗口

JavaScript彈窗共有三種

1、window.alert("sometext");

2、window.confirm("sometext");

3、window.prompt("sometext","defaultvalue");

但是這3種方法都不能做一個大小固定的小窗口，要做大小固定的彈窗，需專要我們屬自己在HTML文檔中編寫：

HTML：

3、點擊紅色區域右上角X號，彈窗會消失

❸ HTML窗口彈出代碼

<!doctype html>

<html>

<head><title>無標題文檔</title></head>

<body>

function MsgBox() //聲明標識符

{

alert("我是對話框的內容"); //彈出對話框

}

</script>

</body>

</html>

(3)網頁彈出框代碼html擴展閱讀：

方法參數詳解

參數解釋：

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為允許；

❹ html怎麼做一個按鈕，就彈出一段文字的窗口呀

需要編寫HTML代碼，顯示按鈕
需要編寫相應的JavaScript代碼，給按回鈕添加點擊事件答
點擊事件發生之後生成一個彈窗

代碼如下：

<!DOCTYPEhtml>
<html>
<head>
	<title>MyHtml</title>
	<metacharset="utf-8">
	<scripttype="text/javascript">
		functionshowMessage(){
			alert("Thisisamessage!");
		}
	</script>
</head>
<body>
	<buttononclick="showMessage()">button</button>
</body>
</html>

❺ 網頁設計常用HTML代碼

網頁設計常用HTML代碼大全

HTML是用來描述網頁的一種語言。下面我為大家分享HTML代碼，希望對大家學習html代碼有幫助！

忽視右鍵

或

1.如何幾秒後轉到別的頁面？

2.點擊關閉窗口

<a href="javascript:top.window.close();">點擊關閉窗口</a>！

3.請問如何去掉主頁右面的滾動條？

4.請問如何做到讓一個網頁自動關閉.

<html>

<head>

</object>

</head>

這個窗口會在10秒過後自動關閉,而且不會出現提示. </body>

如何在不刷新頁面的情況下刷新css?

<style>

button{ color:#000000;}

</style>

<button onclick=document.styleSheets[0].rules[0].style.color=‘‘‘‘red‘‘‘‘>點擊按鈕直接修改style標簽里button選擇符使按鈕改為紅色</button>

請問如何讓網頁自動刷新？

在head部記入<META HTTP-EQUIV="Refresh" content="20">其中20為20秒後自動刷新，你可以更改為任意值。

5.如何讓頁面自動刷新？

方法一，用refresh

HTML 代碼片段如下:

<head>

</head>

5表示刷新時間

[Ctrl+A 全部選擇提示:你可先修改部分代碼，再按運行]

方法二，使用setTimeout控制

function rl(){

document.location.reload()

}

setTimeout(rl,2000)

</script>

6.如何讓超鏈接沒有下劃線

在源代碼中的<HEAD>…</HEAD>之間輸入如下代碼：

a { text-decoration: none}

--> </style>

7.請問如何去掉IE的上下滾動條？

</body>

8.怎樣才能把RealPlayer文件在網頁做一個試聽連接？

9.如何用html實現瀏覽器上後退按鈕的功能？

或者

10.請問怎麼在網頁中改變滑鼠的箭頭形狀？

HTML 代碼片段如下:

<body>

<a href="#" style="cursor: crosshair ">crosshair </a><br>

<a href="#" style="cursor: default ">default </a><br>

<a href="#" style="cursor: e-resize ">e-resize </a><br>

<a href="#" style="cursor: ne-resize ">ne-resize </a><br>

<a href="#" style="cursor: nw-resize">nw-resize</a><br>

<a href="#" style="cursor: n-resize">n-resize</a><br>

<a href="#" style="cursor: se-resize">se-resize</a><br>

<a href="#" style="cursor: sw-resize">sw-resize</a><br>

<a href="#" style="cursor: s-resize">s-resize</a><br>

<a href="#" style="cursor: w-resize">w-resize</a><br>

</body>

11.怎樣不使用頁面的緩存？即每一次打開頁面時不是調用緩存中的東西

12.頁面打開時自動彈出一個窗口的代碼怎麼寫？

HTML 代碼片段如下:

<html>

<head>

<title>Untitled Document</title>

<!--

function MM_openBrWindow(theURL,winName,features) { //v2.0

window.open(theURL,winName,features);

}

//-->

</script>

</head>

</body>

</html>

13.如何讓我的頁面出現一個會講話的小人？Merlin

HTML 代碼片段如下:

<HTML>

<HEAD>

</HEAD>

<BODY>

</OBJECT>

var MerlinID;

var MerlinACS;

sims.Connected = true;

MerlinLoaded = LoadLocalAgent(MerlinID, MerlinACS);

Merlin = sims.Characters.Character(MerlinID);

Merlin.Show();

Merlin.Play("Surprised");

Merlin.Speak("大家好");

Merlin.Play("GestureLeft");

Merlin.Think("我是默林！");

Merlin.Play("Pleased");

Merlin.Think("可愛嗎？");

Merlin.Play("GestureDown");

Merlin.Speak("哈哈！");

Merlin.Hide();

function LoadLocalAgent(CharID, CharACS){

LoadReq = sims.Characters.Load(CharID, CharACS);

return(true);

}

</SCRIPT>

</p>

<p>看此效果必須裝有office2000！！！</p>

</BODY>

</HTML>

14.在頁面中如何加入不是滿鋪的背景圖片,拉動頁面時背景圖不動

HTML 代碼片段如下:

<STYLE>

body {background-image:url(logo.gif);

background-repeat:no-repeat; background-position:center }

</STYLE>

</head>

</body>

</html>

[Ctrl+A 全部選擇提示:你可先修改部分代碼，再按運行]

background-repeat:no-repeat; 是讓背景圖不佔滿整個頁面

body bgproperties="fixed" 是拉動scroll時背景圖不動

15.文本輸入框什麼屬性能實現不可輸入？

HTML 代碼片段如下:

或者

16.如何禁止自己的頁面在別人的框架里打開？

把以下代碼加至你的<head>區

if (window.top!=self){

window.top.location=self.location

}

</script>

17.如何實現首頁全屏幕顯示？

HTML 代碼片段如下:

<html>

<body><script language="<B style="color:black;background-color:#A0FFFF">javascript</B>">

var coolw=642

var coolh=400

var coolhuang=window.open("http://www.35ui.cn","coolhuang","width="+coolw+",height="+coolh+",

fullscreen=1,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0")

window.close()

</script></body></html>

18.如何監聽一個窗口被關閉了？

HTML 代碼片段如下:

19.如何禁止Ctrl+N？

HTML 代碼片段如下:

如何把頁面加入用戶的收藏夾？

HTML 代碼片段如下:

<a href="<B style="color:black;background-color:#A0FFFF">javascript</B>:window.external.AddFavorite(‘‘‘‘http://www.35ui.cn‘‘‘‘,‘‘‘‘無憂腳本‘‘‘‘)">收藏無憂腳本</a>

如何在我的'頁面中加入背景音樂？

IE: <bgsound src="*.mid" loop=infinite>

NS:<embed src="*.mid" autostart=true hidden=true loop=true>

*.mid你的背景音樂的midi格式文件

關於頁面轉換效果

或

說明：Transition=23是隨機效果，另可以選0-22任一數字固定某個效果

如何設定打開頁面的大小

HTML 代碼片段如下:

怎樣雙擊滾屏，單擊停止？

HTML 代碼片段如下:

<html>

<head>

</head>

<body>

var currentpos,timer;

function initialize()

{

timer=setInterval("scrollwindow()",10);

}

function sc(){

clearInterval(timer);

}

function scrollwindow()

{

currentpos=document.body.scrollTop;

window.scroll(0,++currentpos);

if (currentpos != document.body.scrollTop)

sc();

}

document.onmousedown=sc

document.ondblclick=initialize

</script>

</body>

</html>

如何讓body中的文字不被選中？

HTML 代碼片段如下:

如何讓彈出的窗口不能關閉？

在新開的窗口中加入如下代碼

</body>

如何讓瀏覽器在保存頁面時保存失敗？

HTML 代碼片段如下:

<<B style="color:black;background-color:#ffff66">IFRAME</B> SRC="*.html">

</<B style="color:black;background-color:#ffff66">IFRAME</B>>

</NOSCRIPT>

表單中如何用圖片按鈕實現 reset?

<html>

<head>

function aaa(){

document.forms[0].reset()

}

</script>

</head>

<body>

<form>

</form>

</body></html>

進入網頁時彈出的信息對話框

關閉窗口後彈出對話框

告別提示

右鍵菜單的製作

</OBJECT> <script> if (document.all) document.body.onmousedown=new Function("if (event.button==2) menu.Click();") </script>

下拉菜單

;

❻ 網頁製作中的彈出窗口代碼

一組常用的彈出窗口用法

以下代碼集合常用的彈出窗口用法。

1、最基本的彈出窗口代碼

<SCRIPT LANGUAGE="javascript">

</SCRIPT>

代碼放在<SCRIPT LANGUAGE="javascript">標簽和</script>之間。

是對一些版本低的瀏覽器起作用。
window.open ('page.html') 用於控制彈出新的窗口page.html，如果page.html不與主窗口在同一路徑下，前面應寫明路徑，絕對路徑(http://)和相對路徑(../)均可。用單引號和雙引號都可以，只是不要混用。

這一段代碼可以加入HTML的任意位置，<head>和</head>之間可以，<body>間</body>也可以，越前越早執行，尤其是頁面代碼長，又想使頁面早點彈出就盡量往前放。

2、經過設置後的彈出窗口

定製這個彈出的窗口的外觀，尺寸大小，彈出的位置以適應該頁面的具體情況。

<SCRIPT LANGUAGE="javascript">

</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">

</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="打開窗口">

導航:首頁 > 編程語言 > 網頁彈出框代碼html

網頁彈出框代碼html

(3)網頁彈出框代碼html擴展閱讀：

與網頁彈出框代碼html相關的資料

友情鏈接