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

来源：互联网发布：魅力中国网络电视台编辑：程序博客网时间：2024/05/18 21:41

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>

1 0