JavaScript入门——覆盖输出与对象基础示例

最新推荐文章于 2024-05-24 17:01:19 发布

PisecesPeng

最新推荐文章于 2024-05-24 17:01:19 发布

阅读量494

点赞数

分类专栏： JavaScript 文章标签： javascript 对象覆盖输出

本文链接：https://blog.csdn.net/peng_666666/article/details/54729401

版权

JavaScript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

基本格式已省略，直接列出代码部分

1.基础js输出示例

<body>

    <!-- 操作html元素 -->
    <p id="demo1">old js</p>
    <script>
      document.getElementById("demo1").innerHTML="new js";
    </script>

    <!-- 写入文档输出 -->
    <script>
      document.write("<p>nice js</p>");
    </script>

    <!--
    请使用 document.write() 仅仅向文档输出写内容。
    如果在文档已完成加载后执行 document.write，
    整个 HTML 页面将被覆盖
    -->
    <h1>TTT</h1>
    <p>TTT</p>
    <button type="button" onclick="myFun1()">click</button>

    <script>
      function myFun1()
      {
        document.write("Hum...");
      }
    </script>

  </body>

2.基础js对象示例

<body>

  <script>
    //创建对象，并且添加属性
    person = new Object();
    person.firstname="L";
    person.lastname="p";
    person.age="18";
    document.write(person.firstname+person.lastname+" is "+person.age+" years old.");
  </script>

  <script>
    //访问对象的属性
    var message1 = "hello world!";
    var a = message1.length;
    document.write(a);
  </script>

  <script>
    //访问对象的方法
    var message2 = "hello world!";
    var b = message2.toUpperCase();
    document.write(b);
  </script>

</body>