2.输出语句

最新推荐文章于 2023-06-18 11:21:30 发布

echone_wenqian

最新推荐文章于 2023-06-18 11:21:30 发布

阅读量268

点赞数 1

分类专栏： JS JS框架 JavaScript从入门到放弃

本文链接：https://blog.csdn.net/qq_24729895/article/details/80122928

版权

JS 同时被 3 个专栏收录

34 篇文章 0 订阅

订阅专栏

JS框架

13 篇文章 0 订阅

订阅专栏

JavaScript从入门到放弃

5 篇文章 0 订阅

订阅专栏

JavaScript显示数据

常用的输出语句alert, console.log()。其他的看看就行了

将下面的代码拷贝到一个HTML文件中就可以看到效果了,可以看一下的输出效果跟下图有什么区别，

下面这个HTML页面是不是很优雅

<!DOCTYPE>
<html>
  <head>
    <meta charset="utf-8">
    <title>2输出语句</title>
  </head>
  <body>
    <div id="demp">
      <p>第一个段落</p>
      <p>第二个段落</p>
      <p id="test">第三个段落</p>
    </div>
    <!-- 输出语句的作用在于方便调试代码，或者改变页面的状态 -->
    <script>
      // 声明一个对象
      var obj = {
        name: 'echone',
        age: '23'
      }

      // 声明一个常量，保持良好的代码习惯，这里建议将声明的常量用大写字母表示，在后续中讲解
      const PI = 3.14

      // 在页面中添加这PI
      document.write(PI)

      // 正确的输出PI常量
      alert(PI)

      // 对象就是[object object],但是console能看到对象的内容。
      alert(obj)

      // F12或者检查之后可以在浏览器的控制台正确的看到输出结果
      console.log(obj)

      // 将id为test的元素的内容改为下面字符
      document.getElementById('test').innerHTML = 'i love javascript'
    </script>
  </body>
</html>