您的位置：首页 > Web前端 > JavaScript

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

2015-10-23 15:41 609 查看

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 结合 html

相关文章推荐

新的分享

章节导航