Javascript（一）-02-(Js和html相结合的方式一二)

来源：互联网发布：nginx listen 编辑：程序博客网时间：2024/06/14 06:53

JavaScript与Html的结合方式

想要将其他代码融入到Html中，都是以标签的形式。

方式一：JS代码存放在标签对<script>js code...</script>中。

示例程序：

<html>
<head>
</head>

<body>
<script type="text/javascript">
alert("hello javascript");
<% 这三行是在javascript中加入java代码的方式
int x = 3;
%>
</script>
</body>
</html>

=============================================================================================================

方式二：当有多个html页面使用到相同的JS脚本时，可以将js代码封装到一个文件中，只要在script标签的src属性因日一个js文件。
（方便后期维护，扩展）

注意：如果在script标签中定义了src属性，那么标签中的内容不会被执行。

例：
<script src="test.js" type="text/javascript">
alert("hello javascript");
</script>
会执行test.js内容，而不执行alert("hello javascript")。
【所以通常导入js文件都用单独的<script>标签来完成】所以代码修改如下：

<script src="test.js" type="text/javascript"></script>这行是单独导入js文件
<script type="text/javascript"> 以下三行是封装javascript代码
alert("hello javascript");
</script>

注：规范中script标签早期有一个属性language，而现在使用type属性。

0 0