您的位置：首页 > Web前端 > JavaScript

javascript开发技术大全－第2章 开始JAVAScript

2011-05-10 15:00 597 查看
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

<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脚本的类型
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>    <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.表示语句结束：加;号，或加换行符

本单元完毕。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航