JavaScript高级程序设计第3版学习心得(1)

原创 2017年01月03日 11:10:36

语法

一、在html中加入JavaScript:

1.在html中嵌入JavaScript代码

<script type="text/javascript">		
	if(1<2){			
		alert('jjjj');		
	}
</script>`


2.导入外部JavaScript文件(推荐)

<script src="js/jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script>


二、<script>元素属性:

1.async:异步加载js文件,只对外部导入的js有效,内嵌式js无效,浏览器在解析html文件内容时是从上往下一行一行代码进行解析,当解析到包含async属性的代码时会继续向下解析并同步下载js文件。

2.charset:设置js代码的字符集,基本不用

3.language:使用的脚本语言是什么,已废弃,现在默认都是JavaScript脚本语言

4.src:js文件资源引用,可以是本地资源,也可以是外部资源,如:

<script src="http://123.56.125.20/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
5.type:可以看出language的替换,固定写法:<script type="text/javascript"></script>,html5中可以省略type属性


三、标签位置

1.可以放在head中,如果是内嵌式需要使用window.onload事件来包括js代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<script src="http://123.56.125.20/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		window.onload=function () { //等待页面内容加载完毕后开始执行此函数中的js代码
			if(1<2){
				alert('jjjj');
			}
		}
	</script>
</head>
<body>
	
</body>
</html>


2.可以放在body中的最后面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<script src="http://123.56.125.20/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	
</head>
<body>
	<!--这里是html代码-->
	<script type="text/javascript">
		//这里是js代码
	</script>
</body>
</html>

四、<noscript>标签(现在的浏览器都支持JavaScript,所以很少用)

如果浏览器不支持或关闭了JavaScript那么可以使用<noscript>标签来标注体现用户JavaScript关闭了

<noscript>你的浏览器不支持JavaScript或关闭了JavaScript</noscript>

备注

一、xhtml中JavaScript的用法
由于html4是不严格的标签语言,很多错误浏览器都可以忽略,以下代码在html4中不会报错,但是在xhtml(严格的html)会报错,’<‘和’>‘会被解析为html中的标签
<script type="text/javascript">
function compare(a, b) {
	if (a < b) {
		alert("A is less than B");
	} else if (a > b) {
		alert("A is greater than B");
	} else {
		alert("A is equal to B");
	}
}
</script>
解决方案:
1.使用字符实体:将’<‘替换此&lt; '>'替换此&gt;
2.使用cdata段,由于有些浏览器可能不兼容xhtml,所以不支持CDATA段所以可以注释CDATA
<script type="text/javascript">
//[!CDATA[
function compare(a, b) {
	if (a < b) {
		alert("A is less than B");
	} else if (a > b) {
		alert("A is greater than B");
	} else {
		alert("A is equal to B");
	}
}
//]]
</script>








javascript高级程序设计(第三版)---1

javascript由3哥不同部分组成:核心ECMAScript,文档对象模型DOM,浏览器对象模型BOM 1.严格模式 use strict 2.数组前面添加元素:unshift(),s...
  • u011564028
  • u011564028
  • 2014年09月11日 16:58
  • 750

《JavaScript高级程序设计(第3版)》.Nicholas.C.Zakas.扫描版.pdf

下载地址:网盘下载 内容简介 编辑 本书从最早期Netscape浏览器中的JavaScript开始讲起,直到当前它对XML和Web服务的具体支持,内容主要涉及Ja...
  • cf406061841
  • cf406061841
  • 2017年05月13日 00:13
  • 566

个人笔记--JavaScript高级程序设计(第三版)--第五章

第五章 引用类型 Object类型 Array类型 Date类型 RegExp类型 Function类型 基本包装类型 单体内置对象 小结...
  • wx11408115
  • wx11408115
  • 2016年07月25日 20:03
  • 545

《JavaScript高级程序设计 第三版》学习笔记 (十二)Ajax详解

一、JSON 1.使用XML在服务器和浏览器之间进行数据交换太浪费带宽,因而出现了新的数据结构JSON。JSON是包含了简单值、对象、数组的严格的JS子集,不支持变量、函数或对象实例。很多语言也有各...
  • sunscheung
  • sunscheung
  • 2017年04月06日 15:15
  • 931

JavaScript高级程序设计(第3版)第六章读书笔记

第六章 面向对象的程序设计 1. 数据属性 [[Configurable]]:表示能否通过delete删除属性从而重新定义属性。默认值为true。 [[Enumerable]]:表示能否通过for-i...
  • lysunnyrain
  • lysunnyrain
  • 2016年02月29日 15:07
  • 877

JavaScript高级程序设计零碎知识点

1.包含在元素内部的JS代码会被从上到下依次解释,浏览器在对内部的所有代码求值完毕之前,页面中的其余内容都不会被浏览器加载或显示。 2.现代Web应用程序一般都把JavaScript的引用放到元素...
  • hellobeifeng
  • hellobeifeng
  • 2015年05月08日 15:49
  • 1058

《JavaScript高级程序设计 第三版》学习笔记 (十三)高级函数

1.安全的原生类型检验   js的原生类型,可以用typeof判断,但有时会失效。比如typeof array返回的不是Array,而是Object;再比如老版本IE,会将function识别为Ob...
  • sunscheung
  • sunscheung
  • 2017年04月06日 15:16
  • 580

JavaScript高级程序设计(读书笔记)(一)

JavaScript高级程序设计(JS部分知识汇总)本笔记汇总了作者认为“JavaScript高级程序设计”这本书的前七章知识重点,仅供参考。第一章 JavaScript简介JavaScript发...
  • hc1025808587
  • hc1025808587
  • 2016年05月23日 22:43
  • 8955

JavaScript里面的坑(一)——读《JavaScript高级程序设计》有感

JavaScript里面的对象&创建对象的方法
  • blankmanp
  • blankmanp
  • 2015年04月06日 23:12
  • 410

《JavaScript高级程序设计》读书笔记(一)

1.JavaScript的组成(简单介绍) 一个完整的JavaScript实现应该由下列三个不同的部分组成: 核心(ECMAScript)、文档对象模型(DOM )、浏览器对象模型(BOM) 1.E...
  • u012422829
  • u012422829
  • 2016年02月15日 18:05
  • 466
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript高级程序设计第3版学习心得(1)
举报原因:
原因补充:

(最多只允许输入30个字)