一、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

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

循环输出图形3&amp;4_javascript

  • 2017年07月09日 17:19
  • 12KB
  • 下载

JavaScript调试,显示输出,北京有我科技读卡器调试,YW607ym

这几三在折腾,北京有我科技的读卡器,Web读卡,写卡。 我用的YW607,支持云服务什么的。开发用,这这东西¥300多块钱,一分不少。 云服务, 这里要说明下,扯谈的云。浏览器读卡写读,肯定是需要...

循环输出图形10_javascript

  • 2017年07月09日 17:24
  • 12KB
  • 下载

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

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

循环输出图形_javascript

  • 2017年07月09日 17:18
  • 15KB
  • 下载

Vue.js之遍历输出JavaScript的常见数据类型(v-for)

1、JavaScript数据类型在Vue.js中的遍历输出。以便于在html页面上方便的显示数据的类型。 2、简单的遍历输出代码       2.1 JavaScript的代码 window....

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

扩展Console的原由Console作为日志输出调试的功能还是很强大的。可以打印正常的日志信息,错误信息(log,info,warn,error)等等,还可以详细详细显示函数调用栈,信息的输出函数名...
  • sujun10
  • sujun10
  • 2017年03月09日 19:49
  • 1334
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:一、JavaScript的输出
举报原因:
原因补充:

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