JavaScript教程
  • [JavaScript教程]JavaScript 教程
  • [JavaScript教程]JavaScript 简介
  • [JavaScript教程]JavaScript 用法
  • [JavaScript教程]JavaScript 输出
  • [JavaScript教程]JavaScript 语法
  • [JavaScript教程]JavaScript 语句
  • [JavaScript教程]JavaScript 注释
  • [JavaScript教程]JavaScript 变量
  • [JavaScript教程]JavaScript 数据类型
  • [JavaScript教程]JavaScript 对象
  • [JavaScript教程]JavaScript编辑器和调试器Aptana
  • [JavaScript教程]JavaScript 函数
  • [JavaScript教程]JavaScript 作用域
  • [JavaScript教程]JavaScript 事件
  • [JavaScript教程]JavaScript 字符串
  • [JavaScript教程]JavaScript 运算符
  • [JavaScript教程]JavaScript 比较和逻辑运算符
  • [JavaScript教程]JavaScript If Else 条件语句
  • [JavaScript教程]JavaScript switch 语句
  • [JavaScript教程]JavaScript for循环
  • [JavaScript教程]JavaScript while 循环
  • [JavaScript教程]JavaScript Break和Continue语句
  • [JavaScript教程]JavaScript typeof, null和undefined
  • [JavaScript教程]JavaScript 类型转换
  • [JavaScript教程]JavaScript 正则表达式
  • [JavaScript教程]JavaScript 错误 - throw、try 和 catch
  • [JavaScript教程]JavaScript 调试
  • [JavaScript教程]JavaScript 变量提升
  • [JavaScript教程]JavaScript 严格模式use strict
  • [JavaScript教程]JavaScript 使用误区
  • [JavaScript教程]JavaScript 表单
  • [JavaScript教程]JavaScript 表单验证
  • [JavaScript教程]JavaScript 验证 API
  • [JavaScript教程]JavaScript 保留关键字
  • [JavaScript教程]JavaScript JSON
  • [JavaScript教程]javascript:void(0) 含义
  • [JavaScript教程]JavaScript 代码规范
  • [JavaScript教程]JavaScript 函数定义
  • [JavaScript教程]JavaScript 函数参数
  • [JavaScript教程]JavaScript 函数调用
  • [JavaScript教程]JavaScript 闭包
  • [JavaScript教程]JavaScript HTML DOM
  • [JavaScript教程]JavaScript HTML DOM-改变HTML
  • [JavaScript教程]JavaScript HTML DOM-改变CSS
  • [JavaScript教程]JavaScript HTML DOM 事件
  • [JavaScript教程]JavaScript HTML DOM EventListener
  • [JavaScript教程]JavaScript HTML DOM 元素(节点)
  • [JavaScript教程]JavaScript Number 对象
  • [JavaScript教程]JavaScript 字符串String对象
  • [JavaScript教程]JavaScript Date日期对象
  • [JavaScript教程]JavaScript Array数组对象
  • [JavaScript教程]JavaScript Boolean布尔对象
  • [JavaScript教程]JavaScript Math算数对象
  • [JavaScript教程]JavaScript RegExp对象
  • [JavaScript教程]JavaScript Window 浏览器对象模型
  • [JavaScript教程]JavaScript Window Screen
  • [JavaScript教程]JavaScript Window Location
  • [JavaScript教程]JavaScript Window History
  • [JavaScript教程]JavaScript Window Navigator
  • [JavaScript教程]JavaScript 弹窗
  • [JavaScript教程]JavaScript 计时事件
  • [JavaScript教程]JavaScript Cookie
  • [JavaScript教程]JavaScript 库
  • [JavaScript教程]JavaScript - 测试jQuery
  • [JavaScript教程]JavaScript - 测试 Prototype
  • [JavaScript教程]JavaScript 实例
  • [JavaScript教程]JavaScript 对象 实例
  • [JavaScript教程]JavaScript Browser 对象 实例
  • [JavaScript教程]JavaScript 总结
  • [JavaScript教程]JavaScript 和 HTML DOM 参考手册
  • [JavaScript教程]HTML DOM Document对象
  • [JavaScript教程]理解Javascript中的this
  • [JavaScript教程]如何将javascript数组转换为JSON
  • 直达腾讯云服务器
    腾讯云服务器,数据库,短信等热销产品限量秒杀;新购爆款3折起;
    腾讯云数据库MySQL入门机型仅12元/月
    腾讯云云服务器新购特惠,最低2折起,1核1G3年仅794.73元,即0.73元/日。
    腾讯云国际顶级CA机构SSL证书8.8折,云解析买一年最高送半年!
    腾讯云为数百万企业和开发者提供安全、稳定的云服务器、云数据库、CDN等云服务
    腾讯云服务器安全可靠高性能,多种配置供您选择
    腾讯云数据库性能卓越稳定可靠,为您解决数据库运维难题
    阿里云服务器入口
    180天免费用腾讯云服务器马上领取
    您当前位置:狗鱼MySQL教程 >> javaScript >> JavaScript教程 >> JavaScript 输出
    JavaScript 输出
    更新日期: 2017年07月16日 来源: 本站原创 作者: 佚名 阅读:
    上一篇JavaScript 用法 下一篇:JavaScript 语法

    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>

     

    操作 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>

     

    以上 JavaScript 语句(在 <script> 标签中)可以在 web 浏览器中执行:

    document.getElementById("demo") 是使用 id 属性来查找 HTML 元素的 JavaScript 代码 。

    innerHTML = "段落已修改。" 是用于修改元素的 HTML 内容(innerHTML)的 JavaScript 代码。


    在本教程中

    在大多数情况下,在本教程中,我们将使用上面描述的方法来输出:

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


    写到 HTML 文档

    出于测试目的,您可以将JavaScript直接写在HTML 文档中:

    实例

    <!DOCTYPE html>
    <html>
    <body>

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

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

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

    </body>
    </html>

     

     

     

    请使用 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>

     
     

    写到控制台

    如果您的浏览器支持调试,你可以使用 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>

     
     

     

     


    您知道吗?

      程序中调试是测试,查找及减少bug(错误)的过程。
     

    感觉本站内容不错,读后有收获?

    我要小额赞助,鼓励提供更好的内容教程

    上一篇JavaScript 用法 下一篇:JavaScript 语法
    Copyright 2013-2017 Powered by 狗鱼MySQL教程,All Rights Reserved.
    广州相如计算机科技有限有限公司 版权所有 粤ICP备08130661号-4
    售前咨询:020-38667011 手机:13711588918