JAVASCRIPT学习笔记----在HTML中使用Javascript

 

(一)Javascript基础:

 

1、功能:

  (1)简单的数据验证;

  (2)与浏览器窗口及内容交互;

  (3)处理复杂的计算与交互;

  (4)拥有了闭包、匿名函数、元编程等特性;

2、组成

  (1)ECMAScript:提供核心语言功能;

  (2)DOM:提供访问和操作网页内容的方法和接口;

  (3)BOM:提供与浏览器交互的方法和接口;

 

(二)<script>元素:

 

1、选项:

  (1)async:可选,表示立即下载脚本。只对外部脚本文件有效。

  (2)defer:可选,表示脚本可以延迟到文档完全被解析和显示之后再执行,只对外部脚本文件有效。

  (3)src:可选,表示要执行的外部脚本文件;

  (4)type:脚本语言的内容类型,常用值为 text/javascript ,默认值也是这个。但已不推荐使用。

2、使用方式两种:

 1 //内部使用
 2 //使用时,中间最好不好出现</script>。可使用转义字符解决
 3 //加载和解析js代码时,其他代码会停止执行,直到解析完毕。
 4 //解析顺序,从上至下
 5 <script type="text/javascript">
 6     //......
 7 </script>
 8 
 9 //外部调用,应尽可能使用此种方法:可维护性、可缓存、适应未来
10 //在XHTML文档中,最后可以使用 /> 结尾,但在HTML中不行。
11 //在<script></script>中间不要出现javascript代码,因为它不会被执行
12 <script type="text/javascript" scr="..."></script>

 

3、标签的位置:

  (1)一般情况下,放在<head>元素中。如果js代码太多,就会影响页面的展示;

  (2)现在,一般放在<body>元素的内容后面。

  (3)defer="defer":可以设置defer属性,表示立即下载,延迟执行;若有两个延迟脚本,不一定从上至下执行,因此最好有一个延迟脚本;只适用于外部脚本;

  (4)异步脚本:<script ... async ...></script> 表示立即下载,不保证两个异步脚本执行顺序,指定async目的是不让页面等待两个脚本下载和执行,从而异步加载页面;在此期间,不要修改DOM;在XHTML中,应这样设置:async="async";

 

4、文档模式(doctype):

  (1)说明:浏览器默认开启混杂模式。

  (2)推荐使用:<!DOCTYPE html>;

 

5、<noscript>元素:

  (1)主要用于浏览器没有开启支持脚本功能(被禁用);

  (2)<noscript>...</noscript>中是替代内容;

 

 

 

 

1 ////////////////////////////////////////////////////////////////////////////////
2 //Javascript笔记
3 ////////////////////////////////////////////////////////////////////////////////
posted @ 2012-11-20 21:48  china_victory  阅读(164)  评论(0编辑  收藏  举报