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

    1      JavaScript信息输入

      通过使用JavaScript中所提供的窗口对象方法prompt(), 就能完成信息的输入。
    该方法提供了最简便的信息输入方式,其基本格式如下:

      Window.prompt("提示信", 预定输入信息);

      此方法首先在浏览器窗口中弹出一个对话框, 让用户自行输入信息。一旦输入完成后,就返回用户所输入信息的值。

      例: 

      test=prompt(“请输入数据:”,”this is a JavaScript”)health.hrbfc120.com

      实际上prompt()是窗口对象的一个方法。因为缺省情况下所用的对象就是window对象, 所以windows对象可以省略不写。

    2     JavaScript信息输出
      JavaScript 不提供任何内建的打印或显示函数。

      JavaScript 显示方案
      JavaScript 能够以不同方式“显示”数据:

    a.  使用 window.alert() 写入警告框
    b.  使用 document.write() 写入 HTML 输出
    c.     使用 innerHTML 写入 HTML 元素
    d.     使用 console.log() 写入浏览器控制台

    (1)   使用 innerHTML
      如需访问 HTML 元素,JavaScript 可使用 document.getElementById(id) 方法。
      id 属性定义 HTML 元素。innerHTML 属性定义 HTML 内容

      注:更改 HTML 元素的 innerHTML 属性是在 HTML 中显示数据的常用方法。

      例: 

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

    (2)   使用 document.write()
      出于测试目的,使用 document.write() 比较方便

      例: 

    <!DOCTYPE html>
    <html>
    <body>
    
    <h1>我的第一张网页</h1>
    
    <p>我的第一个段落</p>
    
    <script>
    document.write(5 + 6);
    </script>
    
    </body>
    </html> 

      注:在 HTML 文档完全加载后使用 document.write() 将删除所有已有的 HTML :

      例: 

    <!DOCTYPE html>
    <html>
    <body>
    
    <h1>我的第一张网页</h1>
    
    <p>我的第一个段落</p>
    
    <button onclick="document.write(5 + 6)">试一试</button>
    
    </body>
    </html>

      提示:document.write() 方法仅用于测试。

    (3)   使用 window.alert()
      您能够使用警告框来显示数据:

      例: 

    <!DOCTYPE html>
    <html>
    <body>
    
    <h1>我的第一张网页</h1>
    
    <p>我的第一个段落</p>
    
    <script>
    window.alert(5 + 6);
    </script>
    
    </body>
    </html> 

    (4)   使用 console.log()
      如果您的浏览器支持调试,你可以使用 console.log() 方法在浏览器中显示 JavaScript 值。
      请通过 F12 来激活浏览器控制台,并在菜单中选择“控制台”。

      例: 

    <!DOCTYPE html>
    <html>
    <body>
    
    <h1>我的第一张网页</h1>
    
    <p>我的第一个段落</p>
    
    <script>
    console.log(5 + 6);
    </script>
    
    </body>
    </html>

      注意:

      console.log() 方法能够让你看到你在页面中的输出内容,让你更容易调试javascript;与alert相比,console不会打断你页面的操作,console里面的内容非常丰富,你可以在控制台输入 console。

  • 相关阅读:
    函数定义、调用
    条件语句和循环语句
    eclipse中安装pydev插件出现duplicate location
    编码类型
    除法
    数据类型
    命令和python模式转换
    前言
    SpringMVC_json
    解决eclipse中Tomcat服务器的server location选项不能修改的问题
  • 原文地址:https://www.cnblogs.com/iamspecialone/p/11213470.html
Copyright © 2011-2022 走看看