<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML中嵌入JS代码的三种方式</title>
</head>
<body>
<!--HTML中嵌入JS代码的第一种方式-->
<!--οnclick="js代码"，执行原理是什么？
页面打开的时候，js代码并不会执行，只是把这段JS代码注册到按钮的click事件上了。
等这个按钮发生click事件之后，注册在onclick后面的js代码会被浏览器自动调用。-->
<input type="button" value="泡椒崛起" onclick="alert('快船总冠军!')" />
<!--HTML中嵌入JS代码的第二种方式-->
<!--使用脚本块，暴露在脚本块当中的程序，在页面打开的时候执行，
并且遵守自上而下的顺序依次逐行执行。（这个代码的执行不需要事件）
javascript的脚本块在一个页面当中可以出现多次。没有要求。
javascript的脚本块出现位置也没有要求，随意。-->
<script type="text/javascript">
alert("hello world!")
alert("hello javascript!")
</script>
<!--HTML中嵌入JS代码的第三种方式：引入外部独立的js文件-->
<!--引入js文件后，脚本块中的代码将不会在执行-->
<script type="text/javascript" src="1.js"></script>
</body>
</html>
扫一扫
411
12-13
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
