zoukankan      html  css  js  c++  java
  • JavaScript 输出

    JavaScript 通常用于操作 HTML 元素。

    操作 HTML 元素

    如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) 方法。

    请使用 "id" 属性来标识 HTML 元素:

    例子

    通过指定的 id 来访问 HTML 元素,并改变其内容:

    <!DOCTYPE html>
    <html>
    <body>
    
    <h1>我的第一张网页</h1>
    
    <p id="demo">我的第一个段落</p>
    
    <script>
    document.getElementById("demo").innerHTML="我的第一段 JavaScript";
    </script>
    
    </body>
    </html>
    

    亲自试一试

    JavaScript 由 web 浏览器来执行。在这种情况下,浏览器将访问 id="demo" 的 HTML 元素,并把它的内容(innerHTML)替换为 "My First JavaScript"。

    写到文档输出

    下面的例子直接把 <p> 元素写到 HTML 文档输出中:

    实例

    <!DOCTYPE html>
    <html>
    <body>
    
    <h1>我的第一张网页</h1>
    
    <script>
    document.write("<p>我的第一段 JavaScript</p>");
    </script>
    
    </body>
    </html>
    

    亲自试一试

    警告

    请使用 document.write() 仅仅向文档输出写内容。

    如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖:

    实例

    <!DOCTYPE html>
    <html>
    <body>
    
    <h1>我的第一张网页</h1>
    
    <p>我的第一个段落。</p>
    
    <button onclick="myFunction()">点击这里</button>
    
    <script>
    function myFunction()
    {
    document.write("糟糕!文档消失了。");
    }
    </script>
    
    </body>
    </html>
    

    亲自试一试

    Windows 8 中的 JavaScript

    提示:微软支持通过 JavaScript 创建 Windows 8 app。

    对于因特网和视窗操作系统,JavaScript 都意味着未来。

  • 相关阅读:
    个人破解汇总
    JavaScript学习中的挑战
    18个黑白配色网页设计
    正则表达式常用用法汇总 __西科大C语言
    JS正则表达式大全(整理详细且实用)
    印象最深的三个老师
    pbzip2
    集群接口机存储监控
    vue...扩展符报错
    框架mpvue创建一个小程序
  • 原文地址:https://www.cnblogs.com/dahaoheshan/p/7510035.html
Copyright © 2011-2022 走看看