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 设置脚本语言名 复制代码 代码如下: <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.表示语句结束:加;号,或加换行符 本单元完毕。
推荐阅读
让你的CSS像Jquery一样做筛选的实现方法
语法说明: E -- 元素 att -- 属性 val -- 属性值 E:first-child E:last-child 匹配文档中具有att属性的E元素 语法: E[att] 匹配文档中具有att属性且其值为val的E元素 语法: E[att=val] 匹配文档中具有att属性且其>>>详细阅读
本文标题:javascript开发技术大全 第2章 开始JAVAScript之旅
地址:http://www.17bianji.com/kaifa2/JS/24445.html
1/2 1