2.1 选择适合自已的编辑工具
1.记事本 2. Ultra Edit32 :有对关键辽着色、自动更正关键字 3.EditPlus:把浏览器嵌入了自已的窗口中,可随时浏览网页效果。
4.1st JavaScript Editor ,除了有着色处,还有html标签、属性、javascript事件、函数,另外还可调用外部编辑来编辑网页,也可将常用浏览器内置在窗口中。
下载地址 1stJavaScript Editor 3.8特别版
5.Dreamweaver 6.其它工具,frontpage、netscape自带的编辑器。
2.2 在Html中插入javascript
2.2.1 在html文档中插入javascipt
在HTML代码中插入JavaScript代码
本行是HTML中的文字。
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
2.2.2 javascipt的解析次序
是按书写次序解析执行的。
2.2.3 script元素属性
属性名
属性说明
charset
脚本的字符集
defer
先装载后解析
language
脚本的语言
src
外部脚本文件地址
type
脚本的类型2.2.4 设置脚本语言名 <br />
<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代码中插入JavaScript代码
本行是html中的文字。
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
2.3 javascript的注释
//被注释的语句
/ /
2.4 不支持客户端脚本语言的处理方法
<!--yyyyyyyy-->
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>
2.6 调试javascript
2.7 注意事项
1.区分大小写
2.表示语句结束:加;号,或加换行符
本单元完毕。