導航:首頁 > 萬維百科 > 網頁設計定時彈出窗口

網頁設計定時彈出窗口

發布時間:2020-12-28 21:49:12

1、怎麼在網站設置自動彈出對話框

你應該也是新手吧,如果你的體統支持浮窗則很方便,做一個浮窗拉在右下角就好了,如果不支持就得製作代碼結點了,很麻煩,買一本專業書籍學習學習吧。

2、怎樣設置電腦一個網頁每天固定時間自動彈出來

使用任務計劃實現。

任務計劃,可以將任何腳本、程序或文檔安排在某個時間運行。「任務計劃」在每次啟動windows系統的時候自動啟動(默認Task Scheler服務是開啟的)並在後台運行。

使用「任務計劃」可以完成以下任務:
計劃讓任務在每天、每星期、每月或某些時刻(例如系統啟動時)運行。

更改任務的計劃。
停止計劃的任務。
自定義某個任務在某個時刻的運行方式。

任務計劃的位置
1. 點擊「開始→控制面板→系統和安全→管理工具→任務計劃」。就可以看到「任務計劃」的選項。

2. 在計劃任務中,可以對已有的任務計劃進行編輯和設置。也可以直接創建新的任務計劃。

如何創建任務計劃
1. 創建基本任務。
(1)選擇「操作」區域的「創建基本任務」。
(2)輸入要創建的基本任務的名稱、描述信息。基本任務用於創建一般性的常見任務計劃。

(3)「觸發器」設置。可以根據需要設置觸發的時間。例如,選擇「每天」,之後可以具體的設置觸發的時間點。
(4)「操作」設置。這一步,設置希望執行的操作。例如,選擇「顯示消息」。之後,設置標題和郵件即可。若選擇「啟動程序」或「發送電子郵件」,根據各自的具體操作步驟即可輕松完成設置。
(5)點擊完成即可。

2. 創建詳細任務。
(1)選擇「操作」區域的「創建任務」。
(2)分別對常規、觸發器、操作、條件、設置,進行詳細的設定。具體設置過程與基本任務相似,在此不進行贅述。

3、網頁設計怎樣實現彈出固定窗口~~~

<script language ="javascript">
function cw()
{
open("這個你的要談出的網頁名","這個是個名字","width=300,height=200")
}
</script>

以上回就可以答了吧

4、網頁設計 如何做彈出窗口

超鏈接彈出窗口 <a href=1.htm target=_blank>123</a>

通過JS方式 window.open("http://baidu.com/",'新窗口')

5、網頁製作---怎麼製作一個彈出網頁窗口

1、首先打開網頁製作軟體,快速入門在新建下選擇【html】。

2、自動創建一個新網頁,上面部分為源代碼,下面部分為設計界面,界面可以根據自己的喜歡調整。

3、可以根據WORD一樣使用在設計區域插入表格、圖片、文字等,在設計區域輸入的內容在源代碼區可以看到自動生成的代碼。

4、也可以在源代碼內輸入內容,這時就需要學習語言與代碼了,一般熟悉網頁製作的都會在代碼區域直接操作。

5、其中title標簽里的就是網頁的標題,這個一定要修改不然就是默認的無標題了。

6、網頁製作完成後,保存為.html格式的就可以直接用瀏覽器打開查看效果了。

7、想要網頁通過域名來訪問的話,那就需要域名與空間了,再把文件傳到空間即可。

6、怎麼製作網頁彈出窗口

最基本的彈出窗口代碼】

<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("<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">
<!--
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(\'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();}
……………………………………
這是很完備的代碼了
你可以嘗試一下
好運
走先……

7、我想要在電腦上設置一個可以定時彈出到指定的網頁,如何設置?有沒有什麼簡單的軟體?

我的是復win7操作系統,我制想xp和win8類似,使用系統自帶Task Scheler可以實現你的需求。方法如下:

1、打開「控制面板」——>「管理工具」——>「任務計劃」,如下圖所示:

2、打開「任務計劃」後,點擊右面「新建任務」,如下圖紅色方框所示:

3、填寫任務名稱,比如test_ie,勾選僅當用戶登錄後執行(我是英文的,可能顯示不一樣,意思都是一個)

4、切換到」觸發器「,點」新建「,彈出的對話框中設置執行的頻率,根據你的需求自己設置咯。我假設是每天下午2點13分執行

5、比較關鍵的,設置要執行的動作。切換到」動作「,點」新建「,在」程序「位置瀏覽到IE或其他瀏覽器的可執行程序,我的是搜狗瀏覽器Sougrouexplor.exe。然後在"增加參數」位置輸入你要打開的頁面,假設是http://www.baidu.com,如下圖

6、最後點擊OK保存前面的設置,你可以在Task Scheler的主頁右面選擇「執行「進行測試。

8、網頁製作中,如何實現彈出窗口,高分!

在這個網站有很多的http://www.xgdown.com/article/78/ArticleList78_14.htm

你慢慢看吧

在設計網站的時候,在網站有重大的變動,或者需要作什麼聲明的時候,我們就要用到彈出窗口,這時只要我們一進入這個頁面,就會彈出一個窗口,其實要製作這樣的彈出窗口真的非常的容易,只要在該頁面的HTML代碼里加入一段javascript代碼即可實現了。我們就來看看這最簡單的彈出窗口:
把下面的這一段代碼可以加入HTML文件的<head>和</head>之間或者<body>間</body>就行的了,越在前面越早執行的喲!

<SCRIPT LANGUAGE="javascript"> //*javascript腳本的開始標簽,千萬要記得啊
<!-- //*使不支持javascript的瀏覽器瀏覽時也不至於出錯
window.open ('pop1.html') //*這就是關鍵,pop1.html就是你彈出窗口的內容
-->
</SCRIPT>

這里只需要注意這樣一點就行的了:window.open ('pop1.html') 用於控制彈出窗口pop1.html,如果pop1.html不與主窗口文件在同一路徑下,你應該在前面指明路徑,絕對路徑(http://)和相對路徑(../)都可以的。裡面用單引號和雙引號都可以,只是你千萬別混用,一會用單引號,而一會用雙引號。

上面我們實現的是最基本的彈出窗口,我們的起步,我們現在再來看一個稍微復雜點的彈出窗口,你只要對上面的代碼作小小的改動就行的了!這樣我們就能定製彈出窗口的外觀,尺寸大小,彈出的位置以適應該頁面的具體情況和文字的多少。

<SCRIPT LANGUAGE="javascript">
<!--
window.open ('pop2.html', 'popwindow', 'height=200, width=320, top=0, left=24, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
//*上面的代碼要寫在一行上面'popwindow' 彈出窗口的標題名字;height=200 彈出窗口高度;width=320 彈出窗口寬度;top=0 彈出窗口距離屏幕上方的象素值;left=24 窗口距離屏幕左側的象素值;toolbar=no 彈出窗口是否顯示工具欄,yes為顯示;menubar,scrollbars 控制彈出窗口的菜單欄和滾動欄的顯示。resizable=no 是否允許改變彈出窗口大小,yes為允許;location=no 彈出窗口是否顯示地址欄,yes為允許;status=no 是否顯示狀態欄內的信息(通常是文件已經打開),yes為允許;
-->
</SCRIPT>

但是我們看到,這樣的彈出窗口實在太簡單的了,你基本上不能對他進行什麼樣的控制和設置,我們需要的是能滿足我們的需要的彈出窗口(現代人是要求越來越高的了),那我們就用下面這個腳本來實現,你不但可以定製窗口大小,你還可以根據自己的需要改成你自己的說明的,這樣的歡迎窗口一定讓你的主頁更酷。
將如下代碼加入HTML代碼的<HEAD>和</HEAD>之間:

<script language="javascript">
<!--
var gt = unescape('%3e');
var popup = null;
var over = "Launch Pop-up Navigator";
popup = window.open(', 'popupnav', 'width=200,height=170,resizable=1,scrollbars=auto');/*width和height是窗口的大小,你可以根據自己的需要進行調整,而resizable是控制窗口大小是否根據文字多少變化,值為0就固定了,為1可以變化,scrollbars是控制滾動條的)
if (popup != null) {
if (popup.opener == null) {
popup.opener = self;
}
popup.location.href = '說明窗口內容文件.html';/*popup.location.href = '用於說明窗口內容.htm',用於設置窗口中出現的內容的文件名。
}
// -->
</script>

有時為了需要我們可以同時彈出兩個窗口,這實現難嗎?其實也不難,如果你理解了上面的,那簡直就易如反掌了,來看看吧,你只要對上面的代碼稍微改動一下就可以的了:

<script LANGUAGE="javascript">
<!--
window.open ("pop1.html", "popwindow1", "height=100, width=120, top=0, left=24,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
window.open ("pop2.html", "popwindow2", "height=100, width=200, top=100, left=144,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
//-->
</script>

在這里,我們為了避免彈出的2個窗口覆蓋,用top和left控制一下彈出的位置不要相互覆蓋就可以的了。

有了上面這些, 我想你要做出很酷很好的彈出窗口已經很容易的了,但是我們發現在你訪問一個站點的時候,如果經常出現彈出窗口(每刷新一次就出現),我們就會覺得很煩的,這里我們看看對彈出窗口的一些優化處理:

第一招,我們給彈出窗口加個「關閉窗口「按紐
只要加上這段代碼就行的了:
<FORM>
<INPUT TYPE='BUTTON' VALUE='關閉' onClick='window.close()'>
</FORM>

第二招:讓彈出窗口自己定時關閉
首先,將如下代碼加入pop1.html文件的<head>和</head>之間:

<script language="javascript">
<!--
function closeit() {
setTimeout("self.close()",100000) //單位是毫秒,這里是100秒
</script>

然後,再用<body onload="closeit()"> 這一句話代替pop1.html中原有的<BODY>這一句就可以了。這樣100秒鍾後彈出窗口就會自行關閉

第三招:控制你的彈出窗口只彈出一次(如果每進一次,刷新一次就彈出你不覺得很煩和麻煩嗎?)有什麼好的辦法嗎?
那是當然的啊,我們現在只要使用cookie來控制就能實現這樣的要求了。
首先,你需把將如下代碼加入到頁面HTML的<HEAD>和</HEAD>之間:

<script>
function openwin(){
window.open("pop1.html","","width=120,height=240")
}
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()">替換頁面中原來的<BODY>這一句就行的了。這樣你的彈出窗口就只彈出一次了,既使大家了解了你的信息,也不會覺得煩的。最後祝大家做出你滿意的效果來,到時別忘記了叫我來看看啊!

9、要怎麼設置,電腦網頁自動彈出窗口。

打開你的瀏覽器,點工具,然後選擇你需要的。
各種瀏覽器,設置細節各不相同,方法類似。

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

一組常用的彈出窗口用法

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

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

<SCRIPT LANGUAGE="javascript">
<!--
window.open ('page.html')
-->
</SCRIPT>

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

<!-- 和 -->是對一些版本低的瀏覽器起作用。
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="打開窗口">

與網頁設計定時彈出窗口相關的知識