美文网首页Web 前端开发 让前端飞
script标签使用和输出语句(二)

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

作者: 终身成长人格 | 来源:发表于2019-11-12 11:20 被阅读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这个内容了。

相关文章

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

    目录: script标签 输出语句 一、script标签 在html中直接写: 2. 创建js文件与html文件分...

  • js基础——使用方式

    一、使用方式: 1.1、使用script标签,在标签内写js语句(注意:每句都加分号;) 1.2、使用js文件:在...

  • web前端开发过程中如何写JavaScript程序?

    script标签使用 < script >< /script > src : 外联script 标签(立即调用,不...

  • js知识点总结(1)

    js的声明和引入: 1.在head标签中使用script标签声明js代码域 2.在head标签中使用script标...

  • 父子组件的单向通信

    vue经典例子: 引用script标签的使用 1.父组件向子组件单向输出通过在html的子组件标签上使用绑定属性的...

  • ECMAScript语句

    标签语句 break语句和continue语句都可以与有标签的语句联合使用,并且标签要在break,continu...

  • HTML 脚本

    1、HTML script 元素 标签用于定义客户端脚本。 script 元素即可包含脚本语句,也可通过 src ...

  • Vue3初使用

    script标签 这里vue3在script标签上加上了setup,可以简化使用,如下所示,引入组件后可以直接使用...

  • JS

    [TOC] 1. js的声明和引入 在head标签中使用script标签声明js代码域 在head标签中使用scr...

  • 02 | 读 JavaScript 高程

    今天来瞧一瞧第二章在 HTML中使用 JavaScript script 标签属性的变化 首先是 script 标...

网友评论

    本文标题:script标签使用和输出语句(二)

    本文链接:https://www.haomeiwen.com/subject/xzmfictx.html