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怎么实现小程序向浏览者问好”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！