JavaScript高级程序设计第3版学习心得（1）

最新推荐文章于 2024-08-12 13:23:42 发布

双方的范围

最新推荐文章于 2024-08-12 13:23:42 发布

阅读量1.9k

点赞数 1

分类专栏： JavaScript自学文章标签： javascript

本文链接：https://blog.csdn.net/u013500740/article/details/53992614

版权

JavaScript自学专栏收录该内容

7 篇文章 0 订阅

订阅专栏

语法

一、在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.οnlοad=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关闭了

备注

一、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.使用字符实体：将’<‘替换此< '>'替换此>

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");
	}
}