javascript开发技术大全 第2章 开始JAVAScript之旅
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
2.2.2 javascipt的解析次序
是按书写次序解析执行的。
2.2.3 script元素属性
2.2.4 设置脚本语言名
在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属性,那么结果是先装载后解析
2.3 javascript的注释
//被注释的语句
/* */
2.4 不支持客户端脚本语言的处理方法
<!--yyyyyyyy-->
2.5 调用与执行javascript代码的方式
1.直接执行的javascript代码
2.直接调用函数
3使用javascript:语句调用
4.通过事件调用
2.6 调试javascript
2.7 注意事项
1.区分大小写
2.表示语句结束:加;号,或加换行符
本单元完毕。
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需刷新才能执行]
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
2.2.2 javascipt的解析次序
是按书写次序解析执行的。
2.2.3 script元素属性
属性名 | 属性说明 |
charset | 脚本的字符集 |
defer | 先装载后解析 |
language | 脚本的语言 |
src | 外部脚本文件地址 |
type | 脚本的类型 |
代码如下:
<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需刷新才能执行]
[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.表示语句结束:加;号,或加换行符
本单元完毕。