一、JavaScript的输出

原创 2015年11月21日 17:27:33
一、JavaScript的输出
1、操作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>

2、写入到html文档
2.1、JavaScript直接写入html文档
使用document.write()直接向文档输出内容,例如:
<!DOCTYPE html>
<html>
<body>
<h1>我的第一个 Web 页面</h1>
<p>我的第一个段落。</p>
<script>
document.write("这是JavaScript写入的语句");
</script>
</body>
</html>

2.2、如果html文档已完成加载后(有文本内容)执行document.write,整个html页面将被覆盖。例如:
<!DOCTYPE html>
<html>
<body>
<h1>我的第一个 Web 页面</h1>
<p>我的第一个段落。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction() {
    document.write("这是JavaScript写入html的语句,覆盖已有的文本");
}
</script>
</body>
</html>

3、写入控制台(测试,查找减少bug的过程)
可以使用console.log()方法在浏览器中显示JavaScript值,只用F12来打开调试模式,在窗口中打开Console菜单查看。例如:
<!DOCTYPE html>
<html>
<body>
<h1>我的第一个 Web 页面</h1>
<p>
浏览器中(Chrome, IE, Firefox) 使用 F12 来启用调试模式, 在调试窗口中点击 "Console" 菜单。
</p>
<script>
a = 6;
b = 6;
c = a + b;
console.log(c);
</script>
</body>

</html>

本文整理于W3cschool网站,请参考网站:http://www.runoob.com/js/js-tutorial.html

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

循环输出图形10_javascript

  • 2017-07-09 17:24
  • 12KB
  • 下载

循环输出图形_javascript

  • 2017-07-09 17:18
  • 15KB
  • 下载

如何从 Xcode 控制台输出 JavaScript 的 log?

调试 UIWebView 中的 JavaScript 一直以来都是很痛苦的一件事。通常我们会通过下面的方法调试 HTML 和 JavaScript。1、第一种,使用桌面浏览器调试。大多数现代浏览器都有...

JavaScript函数变量与字符串输出转义

分号是语句分割的方法,代码分为代码语句和代码块。 主语JavaScript的大小写敏感。例如刚才一直调试函数function不是Function,导致程序不能正常运行。 代码块是很多语句一起执行。...

JavaScript的Console扩展和输出级别控制

扩展Console的原由Console作为日志输出调试的功能还是很强大的。可以打印正常的日志信息,错误信息(log,info,warn,error)等等,还可以详细详细显示函数调用栈,信息的输出函数名...

javascript/微信小程序中将String进行Base64编码并UTF-8格式输出

提供一种Base64编码,并输出UTF-8格式的BASE64编码方式。本程序在微信小程序开发工具中已经测试通过。  Base64代码:          (function(){ var BAS...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)