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);
}