Web 前端开发 让前端飞

script标签使用和输出语句(二)

2019-11-12  本文已影响0人  终身成长人格

目录:

  1. script标签
  2. 输出语句

一、script标签

  1. 在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>

效果图:

image

2.console.log:在控制台输出内容。

代码:

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>

<script type="text/javascript">
console.log("输出文本内容");
</script>

</body>
</html>

效果图:

image

console是在控制台中显示,在浏览器右击有一个审查元素(或者F12),就可以看到Console这个内容了。

上一篇 下一篇

猜你喜欢

热点阅读