在HTML中引入js的三种方法
2016-11-17 本文已影响0人
北海牧羊人
一、利用<script type="text/javascript" src="js文件的路径"></script> 引入一个外部的js文件
例如：以下是一个js文件，文件名为 " 01.js"
1.png
以下是一个html文件，引用了上面的js文件
、、、
<!DOCTYPE html >
<html>
<head>
<meta charset=utf-8" />
<title>统计包含“a”或“A”的字符串的个数</title>
<script type="text/javascript" src="01.js"></script>
</head>
<body>
</body>
</html>
、、、
二、使用<script>标签
<script>直接在这添加js代码</script>
例如：
、、、
<!DOCTYPE html >
<html>
<head>
<meta charset=utf-8" />
<title>统计包含“a”或“A”的字符串的个数</title>
<script type="text/javascript">
var countryName = new Array("America", "Greece", "Britain", "Canada", "China", "Egypt");
var count=0;
//打印输出信息:
document.write("在以下字符中：<br/>");
for(var i=0; i < countryName.length; i++)
document.write(countryName[i] + "<br/>");
//计算字符中包含a或者A的字符的个数
for(var i=0; i < countryName.length; i++){
if(countryName[i].indexOf('A') !=-1 || countryName[i].indexOf('a') !=-1)
count++;
}
document.write("共有" + count + "个字符中包含a或者A。");
</script>
</head>
<body>
</body>
</html>
、、、
三、直接在HTML标签中插入js代码
<input name="btn" type="button" value="弹出消息框" onclick="javascript:alert('欢迎你');"/>
