Javascript怎么實現小程序向瀏覽者問好

本篇內容主要講解“Javascript怎么實現小程序向瀏覽者問好”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“Javascript怎么實現小程序向瀏覽者問好”吧!

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

源代碼如下：
＜script language="Javascript"＞
function textprintdown() //自定義運行函數
{
textmesg=prompt("請輸入您的名字，萬分感謝！","") //設定用戶輸入框
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"＞ ‘)//在網頁上添加一個層
document.write(‘＜div align="center"＞‘) //設定層的格式為居中
document.write(‘＜font color=9900CC size=5 align=center face=隸書＞‘) //設定層上的文字樣式為藍色、5號、居中、隸書字體
document.write(‘＜b＞‘) //設定層上的文字樣式為粗體
document.write(textmesg,",歡迎您的光臨！") //在層上寫入用戶框中的內容
document.write(‘＜/b＞‘)
document.write(‘＜/font＞‘)
document.write(‘＜/div＞‘)
document.write(‘＜/div＞‘)
}
textprintdown()//開始運行自定義函數
＜/script＞

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

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

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

　　這段程序在編寫思路方面與前一個程序基本上是相同的，但在嵌入網頁時有所區別。建立在層上的問候程序只要把程序代碼照搬到網頁源代碼區中便可，而建立在文本框上的問候程序除了COPY源程序以外，還必須在網頁源代碼區中加入以下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"＞

　　其實網頁問候程序不僅能用JAVAscript編寫，而且還能用ASP，PHP技術實現。雖然用后兩種語言所編出的問候程序功能更完善些，但不可否認用JAVAscript編寫的問候程序相對要簡單得多。

到此，相信大家對“Javascript怎么實現小程序向瀏覽者問好”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！