Javascript怎么實(shí)現(xiàn)小程序向?yàn)g覽者問好

本篇內(nèi)容主要講解“Javascript怎么實(shí)現(xiàn)小程序向?yàn)g覽者問好”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“Javascript怎么實(shí)現(xiàn)小程序向?yàn)g覽者問好”吧!

　　一．建立在層上的問候程序

源代碼如下：
＜script language="Javascript"＞
function textprintdown() //自定義運(yùn)行函數(shù)
{
textmesg=prompt("請(qǐng)輸入您的名字，萬分感謝！","") //設(shè)定用戶輸入框
document.write(‘＜div id="Layer1" style="position:absolute; width:643px; height:115px; z-index:1; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000"＞ ‘)//在網(wǎng)頁上添加一個(gè)層
document.write(‘＜div align="center"＞‘) //設(shè)定層的格式為居中
document.write(‘＜font color=9900CC size=5 align=center face=隸書＞‘) //設(shè)定層上的文字樣式為藍(lán)色、5號(hào)、居中、隸書字體
document.write(‘＜b＞‘) //設(shè)定層上的文字樣式為粗體
document.write(textmesg,",歡迎您的光臨！") //在層上寫入用戶框中的內(nèi)容
document.write(‘＜/b＞‘)
document.write(‘＜/font＞‘)
document.write(‘＜/div＞‘)
document.write(‘＜/div＞‘)
}
textprintdown()//開始運(yùn)行自定義函數(shù)
＜/script＞

　　細(xì)心的朋友看到這里后會(huì)發(fā)現(xiàn)其實(shí)這段程序并不復(fù)雜，只調(diào)用了JAVAscript兩個(gè)內(nèi)置運(yùn)行操作函數(shù)prompt()與document.write()。的確如此，這段問候程序確實(shí)是非常簡單的，不過有一點(diǎn)必須注意，那就是對(duì)于層的設(shè)定千萬不要隨心所欲，否則的話用JAVAscript添加的新層會(huì)遮蓋住你原先網(wǎng)頁上的內(nèi)容。為此筆者建議大家，可以先用DREAMWEAVER網(wǎng)頁編輯軟件在網(wǎng)頁空白處畫上一個(gè)層，接著再把這個(gè)層代碼寫入document.write()的括號(hào)中。

　　二．建立在文本框上的問候程序

程序源代碼如下：
＜script language="Javascript"＞
function textprintdown()//自定義運(yùn)行函數(shù)
{
var textmesg=prompt("請(qǐng)輸入您的名字，萬分感謝！","")//設(shè)置用戶輸入框
document.form1.textfield.value=textmesg+"，歡迎您的光臨！"//對(duì)文本框進(jìn)行附值
}
textprintdown()//運(yùn)行自定義操作函數(shù)
＜/script＞

　　這段程序在編寫思路方面與前一個(gè)程序基本上是相同的，但在嵌入網(wǎng)頁時(shí)有所區(qū)別。建立在層上的問候程序只要把程序代碼照搬到網(wǎng)頁源代碼區(qū)中便可，而建立在文本框上的問候程序除了COPY源程序以外，還必須在網(wǎng)頁源代碼區(qū)中加入以下HTML代碼：

＜form name="form1"＞＜input type="text"style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid;border-color:white;font-size:12pt;font-family:宋體" name="textfield"＞

　　其實(shí)網(wǎng)頁問候程序不僅能用JAVAscript編寫，而且還能用ASP，PHP技術(shù)實(shí)現(xiàn)。雖然用后兩種語言所編出的問候程序功能更完善些，但不可否認(rèn)用JAVAscript編寫的問候程序相對(duì)要簡單得多。

到此，相信大家對(duì)“Javascript怎么實(shí)現(xiàn)小程序向?yàn)g覽者問好”有了更深的了解，不妨來實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！