宗策

导航

JavaScript如何在html中引入

三种引入方式
1. 内联: 在元素的事件属性中添加js代码,当事件触发时js执行
2. 内部: 在html页面中任意位置添加script(推荐head里面)
3. 外部: 在单独的js文件中写js代码,通过script的src属性引入,如果script标签引入了文件则不能在标签体内继续写js代码

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- 内部引入方式-->
<script type="text/javascript">
	alert("使用内部引入");
	
	var x = "123";
	if(isNaN(x)){ 
		alert("不是数");
	}else{
		alert("是数");
	}
	
</script>
<!-- 外部引入方式-->
<script type="text/javascript" src="first.js"></script>

</head>
<body>
<!-- 内联方式-->
<input type="button" value="内联引入方式"
		 onclick="alert('内联引入方式')">
</body>
</html>

  

posted on 2020-04-29 14:25  宗策  阅读(2003)  评论(0编辑  收藏  举报