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 ////////////////////////////////////////////////////////////////////////////////