目录:
- 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>
效果图:
![](https://img.haomeiwen.com/i19720366/fbc6549874698da9.jpg)
2.console.log:在控制台输出内容。
代码:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
console.log("输出文本内容");
</script>
</body>
</html>
效果图:
![](https://img.haomeiwen.com/i19720366/cabd6ce350a5452f.jpg)
console是在控制台中显示,在浏览器右击有一个审查元素(或者F12),就可以看到Console这个内容了。
网友评论