Hexo
0%

js书写的三种方式

发表于 更新于 分类于 ，

js书写的三种方式:

1.直接把代码书写在标签身上:

<!-- a标签 -  书写在 href 的属性上 -->

<a href="javascript: js代码 ;"> 点我一下 </a>

<!-- 例如： -->
<a href="javascript: alert('hello world')"> 点我一下 </a>

<!-- 非a标签 书写在行为属性上  -->
<div js行为>点我一下</div>
<!-- 例如: -->
<div onclick="alert('hello world')">点我一下</div>

2.内嵌式JS代码：

<!-- <script> 代码</script> -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>内嵌式JS代码</title>
</head>
<body>
    <script>
        alert('hello word');
    </script>
</body>
</html>

3.外链式JS代码：

<!-- 外链式js代码，不需要依赖任何行为，打开页面就会执行 -->
<!-- 通过script 的 src属性调用js文件 -->
<!-- <script src="js文件地址"></script> -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!-- 同一目录下存在test.js文件 -->
    <script src="test.js"></script>
</body>
</html>