js引入方式和注意事项

0 阅读1分钟

说明:js是写在html文件内的JavaScript代码,可以来控制页面元素的动作,有两种书写方式,内部方式和外部方式;

引入方式

内部方式

把JavaScript代码写在html页面的script标签内,script标签可以放在页面内的任意位置,一般会放置于body元素的底部,可改善显示速度;页面内可以写多个script标签

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js引入方式和注意事项</title>
</head>

<body>


    <!-- 
        1.script标签可以放在页面内的任意位置,一般会把脚本置于<body>元素的底部,可改善显示速度
        2.页面内可以写多个script标签
     -->
    <script>
        alert("内部js01")
    </script>
    <script>
        alert("内部js02")
    </script>

</body>

</html>

外部方式

通过script标签的src属性,引入外部的JavaScript文件;JavaScript文件内只写JavaScript代码,不写script标签;

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js引入方式和注意事项</title>
</head>

<body>
    <script src="./javascript/demo1.js"></script>

</body>

</html>

在这里插入图片描述

注意事项

内部方式,JavaScript代码需要写在script标签内,所以script标签不能是自闭合标签在这里插入图片描述

外部方式,引入外部JavaScript文件,script标签也不能是自闭合,必须要写闭合标签,否则引入的JavaScript文件不生效;且标签内不要再写JavaScript代码,写了也不生效在这里插入图片描述 在这里插入图片描述

首次发布

hezhongying.blog.csdn.net/article/det…