关闭

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

标签: javascript
308人阅读 评论(4) 收藏 举报
分类:

语法

一、在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>








1
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:1070次
    • 积分:143
    • 等级:
    • 排名:千里之外
    • 原创:13篇
    • 转载:1篇
    • 译文:0篇
    • 评论:5条
    文章分类
    最新评论