JavaScript的三种输出方法

JavaScript 可以通过不同的方式来输出数据:使用 window.alert() 弹出警告框。 使用 document.write() 方法将内容写到 HTML 文档中。使用 innerHTML 写入到 HTML 元素。

alert()的定义与用法

alert()方法用于显示带有一条指定消息和一个OK按钮的警告框。

语法alert(message)

参数描述message:要在window上弹出的对话框中显示的纯文本(而非 HTML 文本),代码范例如下:

<html>

<head>

<script type="text/javascript">

function display_alert()

  {

  alert("我是一个alert弹出窗口!")

  }

</script>

</head>

<body>

<input type="button" onclick="display_alert()"

value="Display alert box" />

</body>

</html>

document.write()方法将内容写到文档输出

document.write()是JavaScript的输出语句,与C语言的printf()函数功能相同。

语法:document.write(string) 其中,string为要输出的内容。代码范例如下:

document.write("这是JavaScript输出的内容! ");

编程之家警告:使用document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document.write,整个HTML页面将被覆盖。

innerHTML写入到HTML元素

如需从JavaScript访问某个HTML元素,您可以使用document.getElementById(id)方法。

请使用"id"属性来标识HTML元素,并innerHTML来获取或插入元素内容,范例代码如下:通过指定的id来访问HTML元素,并改变其内容:

<html>

<body>

<h1>我的第一个 Web 页面</h1>

<p id="demo">我的第一个段落</p>

<script>

document.getElementById("demo").innerHTML = "段落已修改。";

</script>

</body>

</html>

相关文章

kindeditor4.x代码高亮功能默认使用的是prettify插件,prett...
这一篇我将介绍如何让kindeditor4.x整合SyntaxHighlighter代...
js如何实现弹出form提交表单?(图文+视频)
js怎么获取复选框选中的值
js如何实现倒计时跳转页面
如何用js控制图片放大缩小