<%@ page contentType="text/html; charset=gb2312"%> Javascript程序之向浏览者问好
网站公告:   ◆北天JAVA技术网热情为java爱好者服务,本网内容包括JAVA(JSP、servlet、EJB、webservice、j2ee、javabean、应用服务器、JavaScript),数据库(MYSQL、SQL Server、Sybase、Oracle、DB2、数据库综合知识),设计研究(设计模式、Struts、Spring、Hibernate、设计框架、设计综合知识),WEB2.0新技术(主要介绍AJAX),以及各种技术的入门、实例、例子等等,欢迎各位多来坐坐!◆  诚邀各位JAVA爱好者加盟!◆  本网站内容丰富,更新快,保证每周20篇以上!  
加入收藏
设为首页
联系站长
承接项目
  相关资源:网站首页 | 免费培训学院 | 技术论坛 | JAVA聊天室 | 作家专栏 | 开发工具 | 认证考试 | 会员俱乐部
  JAVA技术初学者园地 | jsp与servlet | javascript | Java源代码 | EJB | web service | 应用服务器 | JAVA综合知识
  设计研究设计模式 | 设计框架 | Struts | Spring | Hibernate | 开源项目 | 面向对象设计 | 设计综合知识
  数 据 库MYSQL | SQL Server | Sybase | Oracle | DB2 | Informix | Access | 数据库综合知识
  其他资源:AJAX新技术 | 网站开发 | ERP软件 | OA办公软件 | 商业智能BI | 开发综合知识 | 承接项目 | 项目试用

 
 
Javascript程序之向浏览者问好
     发布者: 发布时间:2006-10-06
“XXX欢迎您的光临”,当您在浏览主页时突然看到这样的问候语,您会有怎样的感觉?高兴,亲切,还是崇拜网页制作者。其实这种技术很简单,只要学过一些JAVASCRIPT语言的朋友,几乎都能实现这种的效果。下面笔者就为各位网页爱好者介绍两种向浏览者问好的JAVASCRIPT程序。

  在进入程序讲解前,我们先来整理一下编写的思路。若想在网页上出现“XXX欢迎您的光临”这样的问候语,首先必须要先设定一个输入对话框,以便让浏览者报上姓名。然后用JAVASCRIPT的语句或HTML语句在主页中建立一个层或文本框,把浏览者姓名写入其中,最后通过程序在主页上完好地显示出来。

  有了编程思路以后,接着便开始写程序。

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

源代码如下:
<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编写的问候程序相对要简单得多。

  好了,今天就讲到这里,希望您能喜欢这个程序。告诉大家一个秘密,在网页上出现“XXX欢迎您的光临”这样的问候语不仅能炫耀一下自己高超的网页制作水平,而且还能提高访问量呐!不信,呵呵……您不妨试试!
(转载文章请保留出处:北天JAVA技术网(www.java114.com))
 
更多精彩文章:
动态JS程序二例
JS特效:飘动的图片
实现滚动带链接的字幕
动态网页巧制作
在JavaScript中应用Object
新手入门经典:Jsp环境配置
 
最近评论:
        
你曾悄悄的来过!
wow gold,wow gold,wow gold,ffxi gil max(3334)
        
你曾悄悄的来过!
wow gold,wow gold,wow gold,ffxi gil max(3401)
        
你曾悄悄的来过!
wow gold,wow gold,wow gold,ffxi gil max(558)
        
你曾悄悄的来过!
wow gold,wow gold,wow gold,ffxi gil max(8162)
        
冰封的往事!
wow power leveling,wow gold,wow power leveling,wow gold max(1583)
        
飞舞的传奇!
传世私服,传世私服.传奇世界私服传奇世界私服,传世私服传世私服, 传奇世界私服传奇世界私服.传奇私服传奇私服. max(1724)
        
标 题:   
内 容:   
 
                                  
 
免责声明:该文章由网友发表,如果对您造成侵权,请联系站长

首页 - 承接项目 - 网站地图 - 联系我们 -
版权所有北天JAVA技术工作室 ICP证号:粤ICP备06079815号