《JavaScript教程》01章 JavaScript入门


JavaScript具有相当强大的页面处理能力,是衡量一个程序员水平高低的重要标志。

学习JavaScript首先要了解JavaScript的“对象(object)、 类(class)、对象标识(id)、对象名称(name)” 等重要概念之间的区别,熟练掌握基本语法。学习JavaScript之前必须首先学会HTML和CSS。

仅仅从网上搜索下载一些技巧便认为自己掌握了JavaScript的人决非是标准的程序员,只会通过一些工具而不懂概念语法之人, 决不是一位好程序员,甚至根本够不上程序员的资格。

不同的浏览器所支持的JavaScript的语法和功能也略有不同,不同的JavaScript版本之间也同样有功能区别, 甚至浏览器的不同版本之间也会有升级的问题。因此这儿只以IE6.0为基准来介绍。

JavaScript的写法
<script type="text/javascript">
<!--
JavaScript语句
<noscript>
不支持JavaScript的注释。
</noscript>
//-->
</script>
<!--...//-->是HTML的注释,JavaScript的注释和Java相同,单行注释//,多行注释用/*...*/。大小文字也是有区别的。

JavaScript的版本选择
<script language="javascript1.2">
<!--
JavaScript语句
// -->
</script>
这是HTML4.1以前的写法,现在一般不用language属性,而用type属性

JavaScript保存到外部文件
<script type="text/javascript" src="../test.js"></script>
src属性后的内容是带路径的文件名,后缀一般用.js。如果保存在多个文件中,可重复使用这一语句。

JavaScript对事件操作的声明
<meta http-equiv="Content-Script-Type" content="text/javascript">
如果要用onClick等事件时,必须用meta元素的http-equiv来声明其属性值为:Content-Script-Type。

JavaScript嵌在HTML中的写法
<input type="button" value="Click Me!!" onclick="window.alert('Hello!!');">
<a href="javascript:alert('Hello!!');">Click Me</a>
如果要用onClick等事件时,必须用meta元素的http-equiv来声明其属性值为:Content-Script-Type。

JavaScript执行时序
<html>
<head>
<script type="text/javascript">
alert(documet.title);
</script>
<title>My test</title>
<script type="text/javascript">
alert(documet.title);
</script>
</head>

<body>
<script type="text/javascript">
alert(document.myFrm.test.value);
</script>
<form name_myFrm>
<input name="test" value="My Test">
</form>
<script type="text/javascript">
alert(document.myFrm.test.value);
//-->
</script>

</body>
</html>
上例中粉红色是错的,兰色才是正确的。当Html文中的对象还没有出现时就被使用,这显然不正确。