深圳升蓝软件
数据库开发 .Net技术  |  ASP技术 PHP技术 JSP技术 应用技术类   
Hiblue Software

如何将脚本放在页面里?


March 25,2004
本章介绍“如何将Javascript脚本”放在页面里。

用JS脚本书写文字的方法,下面是一个简单的例子:

==============================================
脚本代码:

<SCRIPT LANGUAGE="javascript">
document.write("<FONT COLOR='RED'>这是红色的字</FONT>")
</SCRIPT>
==============================================
效果: 这是红色的字
==============================================
javascript和java是不同的。java是由SUN公司开发的面向对象的程序语言,它可以用来编写独立的java程序,或者编写称
之为java applet的小程序,它主要针对于专业的编程人员,并非普通用户使用,而且一般情况下你是看不到它的源代码
的。其中与主页制作比较密切的是java applet,它的源代码经过编译后才能执行,使用时你需要将applet代码插入HTML,
通过浏览器载入执行。由于它装载的时间较长,如果网页中的java applet程序太多会导致页面下载很慢。这样你的访问者
也许没有过多的耐心等待页面完全显示出来就会离开了。 我们这里所说的是javascript,你可以将它看作是java的“亲
戚”,它实际上是一种脚本语言,是文本性质的,所以我们能够看到它的源代码,非常便于学习和理解,稍有编程经验的
人都能迅速改变和修改其源代码以适应自己的页面,是一种真正意义上的面向普通用户的脚本语言。javascript脚本代码
一般插入到HTML的<head>或<body>区,当浏览器浏览有JS脚本的页面时就会执行并产生“交互”的动态页面效果,速度非
常快。现在凡是制作得比较出色的网站无一例外都或多或少地使用了javascript技术。

需要注意的是:javascript脚本必须要浏览器支持才可以,如果浏览器不支持javascript或者浏览器的javascript选项没
有打开也是不能执行的。以IE浏览器为例打开javascript的方法是“查看-选项-高级”中允许运行java即可。

如何书写javascript?

首先,javascript不是HTML。它是HTML中的一段文本。HTML的语法并不非常的严谨,实际上是非常宽松的,比如你在文字
间或者段落间加入若干的空格对于HTML并没有多大的区别,这也就是为什么大多数HTML语言没必要非得写在同一行,写不
写在一行这对于HTML没有任何得区别。

javascript的语法规则就要严格得多。如果这样写上面得例子:document.write("<FONT COLOR='RED'>这是红色
的字 </FONT>") ,即你断行了,执行时就会出错(出错提示为:无效的结尾)。这一点应该注意。

另一个问题是:javascript大小写敏感吗? 回答是:YES

javascript的首行应该是:<SCRIPT LANGUAGE="javascript"> ,这一句告诉浏览器“下面开始执行javascript脚本了”。
这一句里真的需要LANGUAGE="javascript" 这些字符吗?YES,因为还有许多其它类型的脚本存在,例如LiveScript,
VBscript等。加上这一句使浏览器很轻松地理解你的意思。

记住:javascript 脚本以<SCRIPT LANGUAGE="javascript">开始,以</SCRIPT>. 结束。

再看看上面的例子,稍微解释一下:

document.write("<FONT COLOR='RED'>这是红色的字</FONT>")这一句中,document是一个“已存在的对象”,write是实
现的“方法”。于是脚本就明白了用对象写点什么东西,括弧里面就是要写的东西,你可以使用标准的HTML语法。注意:
双引号里面要用单引号,要配对才行。否则脚本运行出错。

===================================================
复习一下:
(1)
这是红色的字这是蓝色的字

源代码:
<script language="javascript">
document.write("<FONT COLOR='RED'>这是红色的字</FONT>")
document.write("<FONT COLOR='blue'>这是蓝色的字</FONT>")
</script>
(2)
这是红色的字

这是蓝色的字

源代码:
<script language="javascript">
document.write("<FONT COLOR='RED'>这是红色的字</FONT><p>")
document.write("<FONT COLOR='blue'>这是蓝色的字</FONT>")
</script>

:-D 在同一行和换行都要会写啊!
       
Copyright © 2001-2008 Shenzhen Hiblue Software Team All rights reserved