成都网站建设设计

将想法与焦点和您一起共享

Javascript怎么实现小程序向浏览者问好

本篇内容主要讲解“Javascript怎么实现小程序向浏览者问好”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Javascript怎么实现小程序向浏览者问好”吧!

建昌网站制作公司哪家好,找创新互联建站!从网页设计、网站建设、微信开发、APP开发、响应式网站建设等网站项目制作,到程序开发,运营维护。创新互联建站于2013年开始到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联建站

  一.建立在层上的问候程序

源代码如下:
<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怎么实现小程序向浏览者问好”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


标题名称:Javascript怎么实现小程序向浏览者问好
文章路径:http://chengdu.cdxwcx.cn/article/jcecsd.html