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

  

   [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属性,那么结果是先装载后解析

  

   [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.表示语句结束:加;号,或加换行符

  本单元完毕。