在HTML中植入JavaScript

您可以简单地象下面的语句一样植入一个 JavaScript 脚本:

<SCRIPT>
  JavaScript 语句…
</SCRIPT>

指定语言及版本
  因为在不同的浏览器版本中支持不同版本的 JavaScript,以及还有一些其它的脚本语言如:JScript、VBScript 等等,因此我们有必要在 <SCRIPT> 标记中使用 LANGUAGE 属性来指定您所用的脚本语言及其版本,这样当用户浏览器不支持该脚本语言时,<SCRIPT> </SCRIPT>标记中的代码将会被忽略,如下:

<SCRIPT LANGUAGE="JavaScript1.2">

下表为 JavaScript 和 Navigator 版本的关系

Navigator 版本  缺省的 JavaScript 版本  支持的 <SCRIPT> 标记 
Navigator 2.0之前  不支持 JavaScript  无 
Navigator 2.0  JavaScript 1.0  <SCRIPT LANGUAGE="JavaScript"> 
Navigator 3.0  JavaScript 1.1  <SCRIPT LANGUAGE="JavaScript1.1"> 及之前 
Navigator 4.0-4.05  JavaScript 1.2  <SCRIPT LANGUAGE="JavaScript1.2"> 及之前 
Navigator 4.06-4.5  JavaScript 1.3  <SCRIPT LANGUAGE="JavaScript1.3"> 及之前 

我们还可以用 HTML 的注释标记将 JavaScript 代码隐藏起来,而一个浏览器将会忽略它不认识的标记,这样 <SCRIPT> 和 </SCRIPT> 标记都会被忽略,虽然那些不支持 <SCRIPT> 标记可能已经绝迹,您不必非得这样做,但这也是一个尊重用户的好习惯。

指定 JavaScript 代码文件
  当然,我们也可以指定一个 JavaScript 源文件来代替在 HTML 文件中引用,这样您就可以在不同的 HTML 文件中引用相同的 JavaScript 源程序,如:

<SCRIPT SRC="common.js"></SCRIPT>

一个外部的 JavaScript 文件不能包含任何 HTML 标记,它的内容只能是 JavaScript 代码。

在HTML属性值中使用 JavaScript 表达式
  使用 JavaScript 实体(entities),您可以指定一个 JavaScript 表达式作为一个 HTML 属性的值,实体值是动态赋予的,这就是说,您可以创建更灵活的 HTML 结构,因为 HTML 元素的属性依赖于页内先前放置元素信息。您可能对 HTML 的字符实体有所了解—它用(&)符后接一个名称并以分号(;)结束。如一个版权符号的字符实体为—&copy; 等等。类似的,JavaScript 实体也用(&)开始,以分号(;)结束,不同的是它以一个用大括号({ })封装的 JavaScript 表达式来代替其名称和数字。如,假设您定义了一个变量 barWidth,那么您可以将其用于水平标尺的宽度百分比属性中:

<HR WIDTH="&{barWidth};%" ALIGN="LEFT>

引号标记
  当您在一个字符串直接量中需要一个引号字符时,那么用单引号(’)来将其与字符串直接量区分开来。如下例中的函数 bar 包含一个在双引号属性值中的字符串“left”:

function bar(widthPct) {
  document.write(" <HR ALIGN=’left’,WIDTH=" + widthPct + "%>")
}

又如:<INPUT TYPE="button" VALUE="Press Me" onClick="myfunc(‘astring’)">


除非另有声明,本站遵循【署名-非商业性使用-相同方式共享 3.0 共享协议】授权。

转载原创文章请注明,转载自:Neeke[http://www.ineeke.com]

本文链接: http://www.ineeke.com/archives/html-javascript/

2008年5月8日 | 归档于 ExtJS | 没有评论
本文目前尚无任何评论.

发表评论

XHTML: 您可以使用这些标签: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">
n:-zy n:-zr n:-zan n:-xf n:-wx n:-tz n:-tt n:-ts n:-sy n:-st n:-ss n:-sk n:-qd n:-pz n:-lh n:-kun n:-ku n:-hx n:-hd n:-gt n:-gg n:-bz

NOTICE: You should type some Chinese word (like “你好”) in your comment to pass the spam-check, thanks for your patience!