JavaScript入门：编辑工具选择与HTML集成指南

JavaScript编辑工具选择

2.1 选择合适的编辑工具

1.记事本 2. Ultra Edit32：具备关键字着色、自动更正功能 3.EditPlus：将浏览器嵌入窗口，可实时预览网页。

4.1st JavaScript Editor：提供着色、HTML标签及属性支持、JavaScript事件与函数提示，支持调用外部编辑器及内置浏览器。

下载地址 1stJavaScript Editor 3.8特别版

5.Dreamweaver 6.其他工具，如frontpage、netscape自带的编辑器。

HTML中集成JavaScript代码

2.2 在Html中插入javascript

2.2.1 在html文档中插入javascipt

 <html> <head> <title>在HTML代码中插入JavaScript代码</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> </head> <body>  本行是HTML中的文字。 </body> </html> 

2.2.2 javascipt的解析次序

按书写次序解析执行。

2.2.3 script元素属性

2.2.4 设置脚本语言名

 
<script language="javascript">
documnet.write("使用javascript输出的文字<br>“）；
</script>

在html中可以设置不同的脚本语言。

2.2.5 设置脚本语言的版本

2.2.6 设置脚本语言类型

2.2.7 引用外部脚本文件

用到script元素的src属性，值应为url

使用外部脚本有以下几个优势：

1.简化html代码

2.编程模块化

3.代码易于维护

4.增加安全性

5 加速浏览

6 引用服务器文件。

2.2.8 边装载边解析与先装载后解析

在<script>的标签中添加defer属性，那么结果是先装载后解析

 <html> <head> <title>在HTML代码中插入JavaScript代码</title> <meta http-equiv="content-type" content="text/html;charset=gb2312">  </head> <body> 本行是html中的文字。 </body> </html> 

2.3 javascript的注释

//被注释的语句

2.4 不支持客户端脚本语言的处理方法

<!--yyyyyyyy-->

JavaScript代码调用与执行方式

2.5 调用与执行javascript代码的方式

1.直接执行的javascript代码

2.直接调用函数

3使用javascript:语句调用

4.通过事件调用

 
<html>
<head>
<title>通过事件调用</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
</head>
<body>
<a href="#" onclick="javascript:alert('您好！')">这是一个超链接</a><br>
<a href="#" onclick="alert('您好！')">这是另一个超链接</a><br>
<input type="button" value="按钮" onclick="javascript:alert('您好')">
<input type="button" value="另一个按钮" onclick="alert('您好')">
</body>
</html>

JavaScript调试与注意事项

2.6 调试javascript

2.7 注意事项

1.区分大小写

2.表示语句结束：加;号，或加换行符

本单元完毕。