JavaScript基础学习之输出

作者: WishToWeb | 来源:发表于2017-05-28 16:56 被阅读7次

    JavaScript简介

    有一张图片小小介绍吧,想要详细了解点击:JavaSCript 百科

    JavaScript简介.png

    JavaScript输出

    JavaScript 没有任何打印或者输出的函数。

    JavaScript 显示数据

    JavaScript 可以通过不同的方式来输出数据:

    • 使用 window.alert() 弹出警告框。
    • 使用 document.write() 方法将内容写到 HTML 文档中。
    • 使用 innerHTML 写入到 HTML 元素。
    • 使用 console.log() 写入到浏览器的控制台。

    使用window.alert()


    你可以弹出警告框来显示数据:

    实例

    ><!DOCTYPE html>
    <html>
    <body>
    
    ><h1>我的第一个页面</h1>
    <p>我的第一个段落。</p>
    
    ><script>
    window.alert(5 + 6);
    </script>
    
    ></body>
    </html>```
    [编辑运行](http://www.runoob.com/try/tryit.php?filename=tryjs_output_alert)
    
    
    ####***操作 HTML 元素***
    ________
      如需从 JavaScript 访问某个 HTML 元素,您可以使用```document.getElementById(id) ```方法。
     **id**属性标识 HTML 元素, **innerHTML** 获取或插入元素内容:
    >**实例**
    

    <!DOCTYPE html>
    <html>
    <body>

    <h1>我的第一个 Web 页面</h1>

    <p id="demo">我的第一个段落</p>

    <script>
    document.getElementById("demo").innerHTML = "段落已修改。";
    </script>

    </body>
    </html>

    [编辑运行](http://www.runoob.com/try/try.php?filename=tryjs_console)
    
    ####***写到 HTML 文档***
    ___________________
    >**实例**
    

    <!DOCTYPE html>
    <html>
    <body>

    <h1>我的第一个 Web 页面</h1>

    <p>我的第一个段落。</p>

    <script>
    document.write(Date());
    </script>

    </body>
    </html>

    [编辑运行](http://www.runoob.com/try/tryit.php?filename=tryjs_output_alert)
    
    **注意**:
    请使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖。
    >**实例**
    

    <!DOCTYPE html>
    <html>
    <body>

    <h1>我的第一个 Web 页面</h1>
    <p>我的第一个段落。</p>

    <button onclick="myFunction()">点我</button>

    <script>
    function myFunction() {
    document.write(Date());
    }

    </script>

    </body>
    </html>

    [编辑运行](http://www.runoob.com/try/tryit.php?filename=tryjs_output_alert)
    
    ####***写到控制台***
    ___________________
    如果您的浏览器支持调试,你可以使用 console.log() 方法在浏览器中显示 JavaScript 值。
    浏览器中使用 F12 来启用调试模式, 在调试窗口中点击 "Console" 菜单。
    >**实例**
    

    <!DOCTYPE html>
    <html>
    <body>

    <h1>我的第一个 Web 页面</h1>

    <script>
    a = 5;
    b = 6;
    c = a + b;
    console.log(c);
    </script>

    </body>
    </html>

    [编辑运行](http://www.runoob.com/try/tryit.php?filename=tryjs_output_alert)

    相关文章

      网友评论

        本文标题:JavaScript基础学习之输出

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