JavaScript嵌入页面的方式
1、行间事件(主要用于事件)(但是他们属于结构与行为耦合,不方便维护,不推荐使用)
<input type="button" name="" onclick="alert('ok!');">
2、页面script标签嵌入
<script type="text/javascript">
var a = '你好!';
alert(a);
</script>
3、外部引入(推荐使用的方式)
- script标签一旦用于引入外部文件了,就不能再编写代码了,即使编写了浏览器也会忽略
- 如果需要则可以再创建一个新的script标签用于编写内部代码
<script type="text/javascript" src="js/index.js"></script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HelloWorld</title>
<!--JS代码需要编写到script标签中-->
<script type="text/javascript">
/*
控制浏览器弹出一个警告框
alert("宁姐,你真漂亮!!");
*/
/*
让计算机在页面中输出一个内容
document.write()可以向body中输出一个内容
document.write("看我出不出来~~~");
*/
/*
向控制台输出一个内容
console.log()的作用是向控制台输出一个内容
console.log("你猜我在哪出来呢?");
*/
alert("宁姐,你真漂亮!!");
document.write("看我出不出来~~~");
console.log("你猜我在哪出来呢?");
</script>
</head>
<body>
</body>
</html>