JavaScript 怎么输出? 输出方式有哪些? 下面本篇文章就给大家介绍 JavaScript 的几种输出方式, 希望对大家有所帮助.
方法 1: 使用 Windows.alert()进行输出
Windows.alert()方法用于显示带有一条指定消息和一个[确认] 按钮的警告框.
代码示例:
Windows.alert('hello!');
效果图:
说明:
Windows.alert() 可以把小括号里的内容, 以弹窗的方式显示出来, 这些内容需要用一对单引号或一对双引号引用起来;
因 Windows 是 BOM 对象, 指的是整个浏览器, 可以省略不写.
方法 2: 使用 document.write()方法进行输出
document.write()方法可以将内容直接写到 html 文档中, 在页面上输出.
代码示例:
- document.write("hello");
- document.write("<h1 > 通过 document.write 输出内容</h1>");
效果图:
方法 3: 使用 console 系列进行输出
console 系列语句, 可以把需要输出的内容写入到浏览器的控制台 (一般使用 F12 键打开, 查看) 里, 在控制台里输出内容, 开发时会经常使用.
在控制台里显示日志
console.log();
在控制台里提示警告
console.warn();
当发生错误时, 会在控制台里显示错误
console.error();
代码示例:
- <script type="text/javascript">
- console.log('控制台. 日志()');
- console.warn('控制台. 警告()');
- console.error('控制台. 错误()');
- </script>
效果图:
方法 4: 使用 innerHTML 属性进行输出
innerHTML 属性可以设置或返回表格行的开始和结束标签之间的 HTML.
基本语法:
HTMLElementObject.innerHTML=text
说明:
● HTMLElementObject: 需要输出内容的节点元素
● text: 需要输出的内容
代码示例:
- <!DOCTYPE HTML>
- <HTML>
- <head>
- <meta charset="UTF-8">
- <title>
- 通过 innerHTML 方法向页面元素中输出内容
- </title>
- </head>
- <script>
- function changeContent() {
- document.getElementById("demo").innerHTML = "通过 innerHTML 方法向页面输出了内容";
- }
- </script>
- <body>
- <h3 id="demo">
- 我是一个标题
- </h3>
- <button type="button" onclick="changeContent()">
- 更改内容
- </button>
- </body>
- </HTML>
效果图:
来源: http://www.css88.com/qa/javascript/11063.html