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

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

javascript基础(输出测试语句的三种方式)(一)

1.测试常用的三种输出方式: /* * 控制浏览器弹出一个提示框 */ alert("Hello JavaScript");...
  • u010853130
  • u010853130
  • 2017年02月07日 15:36
  • 9392

Response输出javascript语句

  Response.Write("alert(/"sdfdsdsdsfds/")");
  • mcy478643968
  • mcy478643968
  • 2008年12月31日 10:30
  • 1719

JavaScript中将变量转为字符串

“”+value:将value与空字符相加,即可将其转换为字符串,这种方法其实是一种稍微晦涩的技巧,可能会让别人难于理解开发者的意图。不过,这一点见仁见智,有些人偏爱这种方法。 String(valu...
  • zouzhigang96
  • zouzhigang96
  • 2018年01月16日 10:36
  • 27

javascript 怎么实现一行输出5个字符之后换行

js源码: script> function show(s) { var re= ''; var length = s.length; for...
  • water_Popcorn
  • water_Popcorn
  • 2017年10月18日 10:19
  • 1136

JS的三种输出方式

1.window.alert(”),弹框效果,window可省略。弹出比较突然,用户的体验不好,基本用来测试代码使用。 /* * window.alert() 把小括号里的内容...
  • sweetllh
  • sweetllh
  • 2017年04月15日 17:06
  • 5972

Javascript输出图片

按比例输出,不会令图片变形!代码如下 function showimage(imageUrl,size,id) { var imgObj = new I...
  • liushengpiaoxu
  • liushengpiaoxu
  • 2007年09月05日 09:59
  • 2354

Javascript模块化编程(一):模块的写法

转载链接本文转自阮一峰老师的技术博客:Javascript模块化编程:模块的写法前言Javascript模块化编程,已经成为一个迫切的需求。理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别...
  • zinss26914
  • zinss26914
  • 2015年06月15日 14:44
  • 3770

请设计输出实数的格式,包括:⑴一行输出一个实数;⑵一行内输出两个实数;⑶一行内输出三个实数。实数用"6.2f"格式输出。

题目描述 请设计输出实数的格式,包括:⑴一行输出一个实数;⑵一行内输出两个实数;⑶一行内输出三个实数。实数用"6.2f"格式输出。 输入 一个实数,float范围 输出 输出...
  • cjhxydream
  • cjhxydream
  • 2017年03月20日 21:09
  • 1948

通过预处理命令设计实数的输出格式

题目:请设计输出实数的格式,包括:1、一行输出一个实数;2、一行内输出两个实数;3、一行内输出三个实数。实数用"%6.2f"格式输出程序一#include #define NL "/n"    /*注...
  • huangyiyun
  • huangyiyun
  • 2007年12月06日 21:55
  • 2990

JavaScript向页面输出内容的四种方法

javascript可以通过不同的方式来输出数据 1.使用window.alert()输出警告框 2.使用document.write()方法将内容写到html文档中 3.使用innerHTML...
  • Jerrcy_Fly
  • Jerrcy_Fly
  • 2017年04月05日 22:58
  • 1020
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:一、JavaScript的输出
举报原因:
原因补充:

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