JavaScript之 ------ JavaScript与html的结合方式

JavaScript与html的结合方式



想要将其他代码融入到Html中,都是以标签的形式。

1、 JS代码存放在标签对<script> js code...</script>中。

2、当有多个html页面使用到相同的JS脚本时,可以将js代码封装到一个文件中,只要在script标签的src属性引入一个js文件。(方便后期维护,扩展)

注意:如果在script标签中定义了src属性,那么标签中的内容不会被执行。

例:<script src=”test.js” type=”text/javascript”></script>

注:规范中script标签早期有一个属性language,而现在使用type属性。

<!DOCTYPE HTML>
<html>
	<head>
		<title>JavaScript Combine Html</title>
	</head>
	<body>
		<script type="text/javascript">
			//第一种结合方式:直接在<script>标签中写代码就行了
			alert("Hello World !");
		</script>
		<!-- 第二种结合方式:过去的方式,现在已经慢慢不用了 -->
		<script language="JavaScript">
			alert("Hello World !!!!")
		</script>
		<script type="text/javascript" src="demo.js">
			//第三种结合方式:在<script>标签中,利用独立的js文件
		</script>
		<!--
		注意:错误结合方式:在<script>标签中,利用独立的js文件,同时再直接添加js代码,这些代码不会被执行
		-->
		<script type="text/javascript" src="demo.js">
			alert("aaaaaaaaaaa");
		</script>
	</body>
</html>


















  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值