![ada881ddce62b0cabaf391f7828fff93.png](https://i-blog.csdnimg.cn/blog_migrate/53e018490245e8e232290424a203c7a3.jpeg)
目录:
- script标签
- 输出语句
一、script标签
- 在html中直接写:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
//这里可以写js代码了
</script>
</body>
</html>
2. 创建js文件与html文件分离:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript" src='script.js'></script>
</body>
</html>
然后就可以在script.js中写js代码了。
二、js输出语句
js输出语句比较多,比如document.write、console.log等。
1.document.write:在页面中输出文本内容。
代码:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
document.write("输出文本内容了")
</script>
</body>
</html>
效果图:
![d6697aae5c59f4addbea72de94092032.png](https://i-blog.csdnimg.cn/blog_migrate/98d2618ee54305a35f0808adc80e31d3.png)
2.console.log:在控制台输出内容。
代码:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
console.log("输出文本内容");
</script>
</body>
</html>
效果图:
![6fd69c3bc1dc0f79347ae614ea26f83a.png](https://i-blog.csdnimg.cn/blog_migrate/0383989672881eb83174ff1d5a65f4be.jpeg)
console是在控制台中显示,在浏览器右击有一个审查元素(或者F12),就可以看到Console这个内容了。