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

JavaScript网页编程之------JavaScript与Html结合方式

2016-07-02 23:45 411 查看

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

<html>
<head>

</head>
<body>
<!-- js脚本片段可以写任意个,位置也是任意的，只是要注意浏览器的解析顺序 -->
<!-- js的写法1 -->
<script type="text/javascript">
alert("HelloWorld");
</script>

<!-- js的写法2 -->
<script type="text/javascript" src="a.js">
</script>

<!-- js的写法3,注意，这种方式不行--包含在标签内的js代码无效 -->
<script type="text/javascript" src="a.js">
alert("kkkk");//无效代码，被上面一行的导入方式屏蔽掉了!!!并且上面一行的a.js的内容也能够显示但是此行不能
</script>

</body>
<script type="text/javascript">
alert("kkkk2");//这里是可行的
</script>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航