JavaScript之 ------ JavaScript与html的结合方式
Posted 饿狼干爹
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>
以上是关于JavaScript之 ------ JavaScript与html的结合方式的主要内容,如果未能解决你的问题,请参考以下文章