2.1 选择适合自已的编辑工具
1.记事本 2. Ultra Edit32 :有对关键辽着色、自动更正关键字 3.EditPlus:把浏览器嵌入了自已的窗口中,可随时浏览网页效果。
4.1st JavaScript Editor ,除了有着色处,还有html标签、属性、javascript事件、函数,另外还可调用外部编辑来编辑网页,也可将常用浏览器内置在窗口中。
5.Dreamweaver 6.其它工具,frontpage、netscape自带的编辑器。
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>
<script>
document.write("使用JavaScript输出的文字<br>");
</script>
本行是HTML中的文字。
</body>
</html>
2.2.2 javascipt的解析次序
是按书写次序解析执行的。
2.2.3 script元素属性
属性名 | 属性说明 |
charset | 脚本的字符集 |
defer | 先装载后解析 |
language | 脚本的语言 |
src | 外部脚本文件地址 |
type | 脚本的类型 |
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">
<script type="text/javascript" language="javascript" defer>
alert("使用javascript代码弹出的注意框");
</script>
</head>
<body>
本行是html中的文字。<br>
</body>
</html>
2.3 javascript的注释
//被注释的语句
/* */
2.4 不支持客户端脚本语言的处理方法
<!--yyyyyyyy-->
2.5 调用与执行javascript代码的方式
1.直接执行的javascript代码
2.直接调用函数
3使用javascript:语句调用
4.通过事件调用
1 <html>
2 <head>
3 <title>通过事件调用</title>
4 <meta http-equiv="content-type" content="text/html;charset=gb2312">
5 </head>
6 <body>
7 <a href="#" onclick="javascript:alert('您好!')">这是一个超链接</a><br>
8 <a href="#" onclick="alert('您好!')">这是另一个超链接</a><br>
9 <input type="button" value="按钮" onclick="javascript:alert('您好')">
10 <input type="button" value="另一个按钮" onclick="alert('您好')">
11 </body>
12 </html>
2.6 调试javascript
2.7 注意事项
1.区分大小写
2.表示语句结束:加;号,或加换行符
本单元完毕。