<!DOCTYPE html> <!-- 这是HTML的注释 --> <html lang="en" id="myHtml"> <head> <!-- 这里不是设置了编码,而是告诉浏览器,用什么编码方式打开文件避免乱码 --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>HtmlAll</title> <!-- <script> alert("Head") </script> --> </head> <body onload="Load()"> <!-- 引入外部独立的JS代码,和我们直接写在script里面是一样的 --> <!-- 同一个js文件可以引入两次,但是没必要 --> <!-- 结束的script标签必须有,不能是单标签的 --> <!-- 引入了代码块后,script标签内的代码就不会被执行了 --> <script type="text/javascript" src="js.js"> alert("js") // 暴露在脚本块之内的程序,在页面打开的时候执行,遵循自上而下的方式执行 // 不需要事件(可以用来做特殊操作) // 脚本块放到Head里面甚至是HTML标签之外都可以执行 // JS代码的注释方式和java是一样的 // 还有alert方法会阻塞整个HTML页面的加载,直到我们按下确认为止 </script> <!-- JS是一门事件驱动型的语言,依靠事件去驱动,然后执行相应的程序 --> <!-- 在JS中有许多事件用来触发,任何事件都会对应一个用来触发的事件句柄 --> <!-- 事件和事件句柄的区别是,句柄前面会有一个on比如说onclick --> <input type="button" value="Hello" onclick="alert('Hello')"/> <input type="button" value="Hi" id="button" onclick="Hello()"/> </body> </html> <!-- <script> alert("outside") </script> -->
<!DOCTYPE html>
<!-- 这是HTML的注释 -->
<html lang="en" id="myHtml">
<head>
<!-- 这里不是设置了编码,而是告诉浏览器,用什么编码方式打开文件避免乱码 -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HtmlAll</title>
<!-- <script>
alert("Head")
</script> -->
</head>
<body οnlοad="Load()">
<!-- 引入外部独立的JS代码,和我们直接写在script里面是一样的 -->
<!-- 同一个js文件可以引入两次,但是没必要 -->
<!-- 结束的script标签必须有,不能是单标签的 -->
<!-- 引入了代码块后,script标签内的代码就不会被执行了 -->
<script type="text/javascript" src="js.js">
alert("js")
// 暴露在脚本块之内的程序,在页面打开的时候执行,遵循自上而下的方式执行
// 不需要事件(可以用来做特殊操作)
// 脚本块放到Head里面甚至是HTML标签之外都可以执行
// JS代码的注释方式和java是一样的
// 还有alert方法会阻塞整个HTML页面的加载,直到我们按下确认为止
</script>
<!-- JS是一门事件驱动型的语言,依靠事件去驱动,然后执行相应的程序 -->
<!-- 在JS中有许多事件用来触发,任何事件都会对应一个用来触发的事件句柄 -->
<!-- 事件和事件句柄的区别是,句柄前面会有一个on比如说onclick -->
<input type="button" value="Hello" οnclick="alert('Hello')"/>
<input type="button" value="Hi" id="button" οnclick="Hello()"/>
</body>
</html>
alert("Hello JS")
alert("Hello JS")