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

Posted 饿狼干爹

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript之 ------ JavaScript与html的结合方式相关的知识,希望对你有一定的参考价值。

javascripthtml的结合方式



想要将其他代码融入到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>


















以上是关于JavaScript之 ------ JavaScript与html的结合方式的主要内容,如果未能解决你的问题,请参考以下文章

面试中的JavaScript之函数对象数组.md

前端性能优化之DOM

JavaScript基础

javasc面向对象编程

循序渐进Python3 --4-- ?web之jQuery

javascript