javascript开发技术大全-第2章 开始JAVAScript
2011-05-10 15:00
666 查看
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
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属性,那么结果是先装载后解析
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事件、函数,另外还可调用外部编辑来编辑网页,也可将常用浏览器内置在窗口中。
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 | 脚本的类型 |
<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.通过事件调用
<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.表示语句结束:加;号,或加换行符
本单元完毕。
相关文章推荐
- javascript开发技术大全 第2章 开始JAVAScript之旅
- javascript开发技术大全-第1章概述
- javascript开发技术大全-第4章 直接量与字符集
- javascript开发技术大全 第4章 直接量与字符集
- javascript开发技术大全-第3章 js数据类型
- javascript开发技术大全-第3章 js数据类型
- javascript开发技术大全-第1章javascript概述
- javascript开发技术大全 第4章 直接量与字符集
- 如何利用虚拟化技术解决物联网开发难题?从了解 ACRN 开始
- 在b/s开发中经常用到的javaScript技术
- 在b/s开发中经常用到的javaScript技术
- c#开发之二---前端技术javascript
- .net开发分布式程序技术大全(转)
- 在网站开发中经常用到的javascript技术
- 在b/s开发中经常用到的javaScript技术
- [转载]在b/s开发中经常用到的javaScript技术
- 在b/s开发中经常用到的javaScript技术整理
- 超全超实用的Javascript类库和jQuery插件大全之二:文字处理,表格和列表处理,实用的javascript开发工具
- b/s开发常用javaScript技术第1/4页
- 在b/s开发中经常用到的javaScript技术