模板里標(biāo)簽寫上id
成都創(chuàng)新互聯(lián)專注于荔灣網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供荔灣營銷型網(wǎng)站建設(shè),荔灣網(wǎng)站制作、荔灣網(wǎng)頁設(shè)計(jì)、荔灣網(wǎng)站官網(wǎng)定制、微信小程序定制開發(fā)服務(wù),打造荔灣網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供荔灣網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
便于js獲取,獲取之后再用replace函數(shù)替換掉里面的內(nèi)容
function?countDown(secs,?surl)?{
//alert(surl);
var?jumpTo?=?document.getElementById('jumpTo');
jumpTo.innerHTML?=?secs;
if?(--secs??0)?{
setTimeout("countDown("?+?secs?+?",'"?+?surl?+?"')",?1000);
}
else?{
//兼容360,IE火狐的關(guān)閉窗口方法??CHROME?+?Gecko?+?MS??需要用戶accept,除非通過用戶的動(dòng)作激發(fā)
window.open(surl,?"_blank");
if?(navigator.userAgent.indexOf("MSIE")??0)?{
if?(navigator.userAgent.indexOf("MSIE?6.0")??0)?{
window.opener?=?null;
window.close();
this.parent.window.close();
}?else?{
window.open('',?'_top');
window.top.close();
this.parent.window.close();
}
}?else?if?(navigator.userAgent.indexOf("Firefox")??0)?{
window.location?=?'';
window.top.close();
this.parent.window.location?=?surl;
this.parent.window.top.close();
}?else?{
window.opener?=?null;
window.open('',?'_self');
window.close();
this.parent.window.close();
}
//window.open('',?"_blank");
//window.close();
//this.parent.window.close();
}
}
這個(gè)需要用戶進(jìn)行操作才能夠不會(huì)被攔截--會(huì)被當(dāng)作惡意彈窗處理
JavaScript簡稱js,是一種基于對(duì)象和事件驅(qū)動(dòng)并具有相對(duì)安全性的客戶端腳本語言。
JavaScript同時(shí)也是一種廣泛用于客戶端Web開發(fā)的腳本語言,常用來給HTML網(wǎng)頁添加動(dòng)態(tài)功能,比如響應(yīng)用戶的各種操作。它最初由網(wǎng)景公司(Netscape)的Brendan Eich設(shè)計(jì),是一種動(dòng)態(tài)、弱類型、基于原型的語言,內(nèi)置支持類。
特點(diǎn)
1、JavaScript可以創(chuàng)建活躍的用戶界面,當(dāng)用戶在頁面間導(dǎo)航時(shí)向他們反饋。
2、使用JavaScript來確保用戶以表單形式輸入有效的信息,這可以節(jié)省業(yè)務(wù)時(shí)間和開支。
3、JavaScript還可以處理表單,設(shè)置cookie,即時(shí)構(gòu)建HTML頁面以及創(chuàng)建基于Web的應(yīng)用程序。
4、使用JavaScript,根據(jù)用戶的操作可以創(chuàng)建定制的HTML頁面。
javascript中的三種彈出對(duì)話框,分別是alert()方法,confirm()方法,prompt()方法,對(duì)javascript彈出對(duì)話框相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧
學(xué)習(xí)過js的小伙伴會(huì)發(fā)現(xiàn),我們?cè)谝恍?shí)例中用到了alert()方法、prompt()方法、prompt()方法,他們都是在屏幕上彈出一個(gè)對(duì)話框,并且在上面顯示括號(hào)內(nèi)的內(nèi)容,使用這種方法使得頁面的交互性更精彩,實(shí)際上我們經(jīng)常會(huì)在進(jìn)行網(wǎng)頁瀏覽時(shí)簡單這種類型的對(duì)話框,在用戶與應(yīng)用程序進(jìn)行雙向交流時(shí),經(jīng)常要用到對(duì)話框。
javascript的三種對(duì)話框是通過調(diào)用window對(duì)象的三個(gè)方法alert(),confirm()和prompt()來獲得?,可以利用這些對(duì)話框來完成js的輸入和輸出,實(shí)現(xiàn)與用戶能進(jìn)行交互的js代碼。
今天小編就來簡單介紹一下js中的三種彈出對(duì)話框,小編先單獨(dú)對(duì)這幾個(gè)方法進(jìn)行詳細(xì)講解,接著,將這幾個(gè)方法進(jìn)行對(duì)比,好了,開始我們的js之旅吧`(*∩_∩*)′......
第一種:alert()方法
alert()方法是這三種對(duì)話框中最容易使用的一種,她可以用來簡單而明了地將alert()括號(hào)內(nèi)的文本信息顯示在對(duì)話框中,我們將它稱為警示對(duì)話框,要顯示的信息放置在括號(hào)內(nèi),該對(duì)話框上包含一個(gè)“確認(rèn)”按鈕,用戶閱讀完所顯示的信息后,只需單擊該按鈕就可以關(guān)閉對(duì)話框。下面來看一個(gè)使用alert()方法的例子,代碼如下所示:
html
head
title編寫html頁面/title
script language="javascript" //JavaScript腳本標(biāo)注
alert("上聯(lián):山石巖下古木枯");//在頁面上彈出上聯(lián)
alert("下聯(lián):白水泉邊少女妙");//在頁面上彈出下聯(lián)
/script
/head
/html
執(zhí)行上面的小例子,在頁面上彈出對(duì)話框并顯示一句話“上聯(lián):山石巖下古木枯”,如下所示:
接著,單擊“確認(rèn)”按鈕后再顯示第二個(gè)對(duì)話框并顯示“白水泉邊少女妙!”,效果如下;
在頁面上彈出對(duì)話框并顯示一句話“上聯(lián):山石巖下古木枯”,單擊“確認(rèn)”按鈕后再顯示第2個(gè)對(duì)話框并顯示“白水泉邊少女妙!”我們來分析一下這個(gè)小例子:
a、在script腳本塊中兩次調(diào)用alert()方法;
b、在每個(gè)alert()括號(hào)內(nèi)分別添加了一段文本信息,運(yùn)行出現(xiàn)如下圖所示的頁面,當(dāng)使用鼠標(biāo)單擊頁面上的“確定”按鈕后,出現(xiàn)第二個(gè)頁面,再點(diǎn)擊“確定”按鈕后就關(guān)閉頁面上的對(duì)話框。 注意:兩個(gè)對(duì)話框是分別顯示的,而不是一個(gè)覆蓋另一個(gè),這是因?yàn)閖s實(shí)在執(zhí)行完第一個(gè)alert()并等到用戶點(diǎn)擊“確認(rèn)”按鈕之后才去執(zhí)行第二個(gè)alert()的。
alert()是js的window對(duì)象的一個(gè)方法,調(diào)用時(shí)可以寫成window.alert(),也可以寫成alert(),功能都是產(chǎn)生一個(gè)帶確認(rèn)按鈕的對(duì)話框,上面顯示括號(hào)內(nèi)的信息,
第二種:confirm()方法?
confirm()方法與alert()方法的使用十分類似,不同點(diǎn)是在該種對(duì)話框上除了包含一個(gè)“確認(rèn)”按鈕外,還有一個(gè)“取消”按鈕,這種對(duì)話框稱為確認(rèn)對(duì)話框,在調(diào)用window對(duì)象的confirm()方法以及后面介紹的prompt()方法時(shí)也可以不寫window。下面來看一個(gè)關(guān)于confirm()的小例子,代碼如下所示:
html
head
title編寫html頁面/title
script language="javascript" //js腳本標(biāo)注
confirm("上聯(lián):一但重泥攔子路;下聯(lián):兩岸夫子笑顏回"); //在頁面上彈出確認(rèn)對(duì)話框
/script
/head
/html
顯示效果如下:
分析一下這個(gè)小例子:
a、在script腳本塊中添加confirm()方法、
b、在confirm()括號(hào)內(nèi)添加了一段文本信息,運(yùn)行效果如上圖所示,如果用戶單擊“確認(rèn)”按鈕,則confirm()方法會(huì)返回true,如果用戶單擊“取消”按鈕,則confirm()方法會(huì)返回false,無論用戶選擇哪個(gè)按鈕,都會(huì)關(guān)閉對(duì)話框,而繼續(xù)執(zhí)行javascript代碼。單擊“確認(rèn)”或“取消”按鈕都是關(guān)閉對(duì)話框,似乎沒有什么區(qū)別,實(shí)際上,無論是單擊“確認(rèn)”或“取消”按鈕都會(huì)返回一個(gè)布爾值,這樣就 可以再幕后有一些js代碼來發(fā)揮按鈕的作用,請(qǐng)大家看下面的例子,體會(huì)使用confirm()返回布爾值的妙處。代碼如下:
html
head
title編寫html頁面/title
script language="javascript" //js腳本標(biāo)注
var con;
con=confirm("你喜歡玫瑰花么?"); //在頁面上彈出對(duì)話框
if(con==true)alert("非常喜歡!");
else alert("不喜歡!");
/script
/head
/html
我們來分析一下這個(gè)小例子:
a、在script腳本塊中聲明了一個(gè)變量con。
b、con=confirm()一句將confirm()方法返回的布爾值賦給con。
c、通過if語句來使用con的值,分別執(zhí)行不同的語句;執(zhí)行的效果如下:
如果單擊頁面的確認(rèn)框上的“確定”按鈕后,出現(xiàn)如下圖所示的頁面:
如果單擊“取消”按鈕,則出現(xiàn)如下圖所示的頁面:
第三種: prompt()方法?
alert()方法和confirm()方法的使用十分類似,都是僅僅顯示已有的信息,但用戶不能輸入自己的信息,但是prompt()可以做到這點(diǎn),她不但可以顯示信息,而且還提供了一個(gè)文本框要求用戶使用鍵盤輸入自己的信息,同時(shí)她還包含“確認(rèn)”或“取消”兩個(gè)按鈕,如果用戶“確認(rèn)”按鈕,則prompt()方法返回用戶在文本框中輸入的內(nèi)容(是字符串類型)或者初始值(如果用戶沒有輸入信息);如果用戶單擊“取消”按鈕,則prompt()方法返回null,我們稱這種對(duì)話框?yàn)樘崾究?,在這三種對(duì)話框中,她的交互性最好。
看下面一個(gè)小例子:在頁面上兩次彈出提示對(duì)話框,使用戶能輸入有關(guān)信息,代碼如下:
html
head
title編寫html頁面/title
script language="javascript" //js腳本標(biāo)注
var name,age;
name=prompt("請(qǐng)問你叫什么名字?"); /*在頁面上彈出提示對(duì)話框,
將用戶輸入的結(jié)果賦給變量name*/
alert(name); //輸出用戶輸入的信息
age=prompt("你今年多大了?","請(qǐng)?jiān)谶@里輸入年齡"); /*在頁面上再一次彈出提示對(duì)話框,
講用戶輸入的信息賦給變量age*/
alert(age)//輸出用戶輸入的信息
/script
/head
/html
運(yùn)行上面的程序,效果如下所示:
點(diǎn)擊確定,會(huì)有這么驚喜nie:
我們?cè)冱c(diǎn)擊確定按鈕:
再點(diǎn)擊確定按鈕:
分析一下這個(gè)小例子
a、在script腳本塊中添加了兩個(gè)prompt()方法。
b、在第一個(gè)prompt()括號(hào)內(nèi)添加了一段文本信息。
c、name=prompt()一句是將用戶在文本框中輸入的信息賦給變量name。
alert()、confirm()、prompt()的區(qū)別和聯(lián)系:
警告框alert()?
alert是警告框,只有一個(gè)按鈕“確定”無返回值,警告框經(jīng)常用于確保用戶可以得到某些信息。當(dāng)警告框出現(xiàn)后,用戶需要點(diǎn)擊確定按鈕才能繼續(xù)進(jìn)行操作。語法:alert("文本")。
確認(rèn)框confirm()?
confirm是確認(rèn)框,兩個(gè)按鈕,確定或者取消,返回true或false。確認(rèn)框用于使用戶可以驗(yàn)證或者接受某些信息。當(dāng)確認(rèn)框出現(xiàn)后,用戶需要點(diǎn)擊確定或者取消按鈕才能繼續(xù)進(jìn)行操作。如果用戶點(diǎn)擊確認(rèn),那么返回值為 true。如果用戶點(diǎn)擊取消,那么返回值為 false。語法:confirm("文本")
提示框prompt()?
prompt是提示框,返回輸入的消息,或者其默認(rèn)值提示框經(jīng)常用于提示用戶在進(jìn)入頁面前輸入某個(gè)值。當(dāng)提示框出現(xiàn)后,用戶需要輸入某個(gè)值,然后點(diǎn)擊確認(rèn)或取消按鈕才能繼續(xù)操縱。如果用戶點(diǎn)擊確認(rèn),那么返回值為輸入的值。如果用戶點(diǎn)擊取消,那么返回值為 null。語法:prompt("文本","默認(rèn)值")
本文主要介紹了javascript中的三種彈出對(duì)話框,分別是alert()方法,confirm()方法,prompt()方法,小編先對(duì)這幾個(gè)方法進(jìn)行了詳細(xì)的單獨(dú)介紹,緊接著,將這幾個(gè)方法進(jìn)行對(duì)比,除這三個(gè)彈出對(duì)話框之外,我們還可以使用document.write()直接將消息顯示在頁面上,BS學(xué)習(xí),未完待續(xù)......同時(shí)感謝大家一直以來對(duì)腳本之家網(wǎng)站的支持!