js书写位置

最新推荐文章于 2024-05-30 11:27:58 发布

渐末竹

最新推荐文章于 2024-05-30 11:27:58 发布

阅读量47

点赞数

分类专栏： js 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_28296199/article/details/133842670

版权

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1.javaScript 三种书写位置：

内部外部行内

2.注意事项

书写的位置尽量写到文档的末尾</body>前面

外部js标签中间不要写代码，否则会被忽略

示例代码如下

内部

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!--内部js-->
    <script>
        //页面弹出警示框
        alert('hello world')
    </script>

</body>

</html>

外部

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!--引用js文件夹下的my.js脚本-->>
    <script src="js/my.js">

        //这里写代码不会被执行
        //代码比较多就使用外部js
    </script>

</body>

</html>

行内

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <button onclick="alert('你好')">欢迎</button>

</body>

</html>