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高级程序设计(读书笔记)(一)

JavaScript高级程序设计(JS部分知识汇总)本笔记汇总了作者认为“JavaScript高级程序设计”这本书的前七章知识重点,仅供参考。第一章 JavaScript简介JavaScript发...

JavaScript高级程序设计(第3版)学习笔记——apply()和call()

每个函数都包含两个非继承而来的方法:apply()和call()。这两个方法的用途都是在特定的作 用域中调用函数,实际上等于设置函数体内this 对象的值。首先,apply()方法接收两个参数:一个 ...

学习 javascript高级程序设计 (第3版)--基本概念

1、 js延迟:        //defer只使用与外部文件 2、 XHTML中javascript的使用:CData         &#...

学习 javascript高级程序设计 (第3版)-- 变量、作用域、内存问题

一、变量 变量包含两种数据类型:基本类型、引用类型 1、动态属性        例如:var a=new object()       ...

JavaScript高级程序设计(第3版)阅读笔记第03天-ajax和Comet

第21章ajax与Comet本章内容*使用XMLHttpRequest对象*使用XMLHttpRequest事件*跨域Ajax通信的限制  ajax是对Asynchronous JavaScript+...

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

1 JavaScript简介1.1 JavaScript简史JavaScript是由Netscape公司于1995年开发的脚本语言。于1997年,JavaScript1.1为蓝本提交给欧洲计算机制造商...

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

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

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

第二章在HTML中使用JavaScript 1.        HTML4.01为定义了6个属性:async(异步加载,仅对外部文件有效)、charset、defer(脚本可以延迟到文档完全被解析和...

JavaScript高级程序设计(第3版)阅读笔记第01天-js简介

第2章在HTML中使用JavaScript本章内容*使用元素*嵌入脚本与外部脚本*文档模式对JavaScript的影响*考虑禁用JavaScript的场景2.1元素HTML4.01为定义了下列6个属性...

JavaScript高级程序设计(第3版)阅读笔记第02天-js基本概念

第3章基本概念本章内容*语法*数据类型*流控制语句*函数3.1语法3.11区分大小写  ECMAScript中的一切(变量、函数名和操作符)都区分大小写。即变量名test和Test表示完全不同的变量,...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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