本章介绍“如何将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 在同一行和换行都要会写啊!
|