js的引用

js代码

JavaScript又称ECMAScript，常用的版本通常有es5以及es6

元素中的代码

a元素除了能定义链接地址，同样可以定义js

<a href="javascript:window.alert('hello')">Hello</a>

我们可以通过按钮的单击事件实现上面相同的效果，其中事件也就是什么情况下执行什么任务，下面的代码代表点击按钮的情况下，执行window.alert('hello')

<button onclick="window.alert('hello')">Hello</button>

内部文件中的代码

页面中的js代码可以定义在script元素中

<script>
        function sayHello()
        {
            window.alert("hello")
        }
</script>

调用方式可以通过a元素调用，也可以通过事件调用

<a href="javascript:sayHello();">Hello</a>
<br>
<button onclick="sayHello()">Hello</button>

外部文件调用

使用script元素中的src属性引用js文件，如果js文件太大，其中defer顺序引用js文件，如果没执行完会继续解析下面的html代码，不会阻塞解析，如果使用async则会按照谁先解析完的顺序优先引用哪个js文件

html代码

<body>
    <a href="javascript:sayHello();">Hello</a>
    <br>
    <button onclick="sayHello()">Hello</button>
    <script defer src="./script.js"></script>
</body>

js代码

function sayHello()
{
    var str = "Hello World";
    window.alert(str);
}
posted @ 2025-09-14 10:57  AttaSayyid  阅读(9)  评论(0)    收藏  举报