02-JS的代码写在哪里

春意迟迟、

已于 2022-06-12 16:36:23 修改

阅读量1.4k

点赞数 2

文章标签： javascript 前端

于 2022-06-12 16:35:47 首次发布

本文链接：https://blog.csdn.net/qq_58167492/article/details/125246210

版权

可以写在4个地方：

1.任何地方添加任意个script标签，在script标签内部就可以写代码：嵌入脚本

<body>
    <script>
        console.log(666);
    </script>
</body>

2.在标签内部的事件属性中写js代码：行内写js代码 (一般不在行内写代码)

<body>
    <!-- 此处点a标签不是连接到网址，而是运行js代码在控制台打印 -->
    <a href="JavaScript:console.log(777)">连接不到网址</a>
    <button onclick="console.log(888)">点我</button>
</body>

注:a标签里面写了JavaScript:,而button里面没有写,其实都可以,只是有JavaScript:更标准一点

结果:(点一次链接打印一次777,点一次按钮打印一次888)

3.在js文件中写：外部导入 (用的比较多)

(1)ES5：加载这个js文件并运行这个文件 ,不能在js文件中又用script标签 src引入另一个js文件

<body>
        <script type="text/Javascript" src="js文件的路径.js"></script>
</body>

例:
<body>
    <script type="text/javascript" src="./js/test.js">
        console.log(123)
    </script>
</body>
注:

（假如外部文件中有打印语句console.log(777)，script标签中也有打印语句）只会运行外部文件，而不会运行script标签中的打印,控制台结果为777

(2)ES6:

<body>
    <script type="module">
         import x from "./js/es6.test.js"
         console.log(123)
     </script>
</body>

js/es6.test.js的代码:

console.log(456)
export default {

}

运行结果为:456

123

4.在控制台写js代码因为浏览器的控制台其实就是js的运行环境 (偶尔会用)

控制台打印666,结果为666,返回值类型为undef

春意迟迟、

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
02-JS的代码写在哪里

js代码写在哪里
复制链接

扫一扫