使用技巧
Javascript加入网页有两种方法:直接方式和引用方式。
直接方式
直接调用分为两种形式:代码块和代码行
代码行引用:
<a href="javascript:alert(1)">aa</a>
这种方式应用比较简单,直观,多用于测试
代码块:
这是最常用的方法,大部分含有Javascript的网页都采用这种方法,例如:
<script type="application/javascript"><!--document.write("这是Javascript!采用直接插入的方法!");//-Javascript结束--></script>
在这个例子中,我们可看到一个新的标签:<script>……</script>,而<script language="Javascript"> 用来告诉浏览器这是用Javascript编写的程序,需要调动相应的解释程序进行解释。(w3c已经建议使用新的标准:<script
type="application/javascript">)
type="application/javascript">)
HTML的注释标签<!--和-->:用来去掉浏览器所不能识别的Javascript源代码的,这对不支持Javascript 语言的浏览器来说是很有用的。
注意在非xhtml文档中插入script标签时,如果不是引用外部文件,应该在script内加上cdata声明,避免大于和小于运算符引起的浏览器解析错误
//-Javascript结束:双斜杠表示Javascript的注释部分,即从//开始到行尾的字符都被忽略。 至于程序中所用到的document.write()函数则表示将括号中的文字输出到窗口中去,这在后面将会详细介绍。 另外一点需要注意的是,<script>……</script>的位置并不是固定的,可以包含在<head>……</head> 或<body>…..</body>中的任何地方。
还有一个更高级版本的嵌入脚本,它使用了HTML中的CDATA语法(Character Data,就是把CDATA中的文本全部当作纯文本处理,除非遇到CDATA的结束)
<script language="javascript" type="text/javascript"><!--//--><!CDATA[[//><!--//javascript代码//--><!]]></script>
引用方式
如果已经存在一个Javascript源文件(通常以js为扩展名),则可以采用这种引用的方式,以提高程序代码的利用率。其基本格式如下:
<script src=“url” type="text/javascript"></script>
其中的Url就是程序文件的地址。同样的,这样的语句可以放在HTML文档头部或主体的任何部分。如果要实现“直接插入方式”中所举例子的效果,可以首先创建一个Javascript源代码文件“Script.js”,其内容如下:
document.write("这是Javascript!采用直接插入的方法!");
在网页中可以这样调用程序:
<script src="Script.js" type="text/javascript"></script>
也可以同时在导入文件时制定javascript的版本,例如:
<script src="Script.js" type="text/javascript; version=1.8"></script>
注意:凡是指定了src属性的script标签里的内容都会被忽略。