javascript输出笔记

原创 PHP笔记  2017-03-30 19:19  阅读 660 views 次
  • window.alert():弹出警告框。
  • document.write():将内容写到html文档中。
  • innerHTML:写入到html元素。
  • console.log():写入到浏览器的控制台。

1、window.alert()

window.alert()是用来弹出警告框,是在学习过程中用的最多的一个输出函数,一般前面的window可以省略,写成alert()。

格式:

window.alert("弹出内容")或alert("弹出内容");

实例

alert("alert()弹出警告框示例");
/*或window.alert("alert()弹出警告框示例");*/

运行结果:

2、document.write()

document.write()方法是用了将内容写到html文档中。

格式:

document.write("html代码");

实例:

......
<body>
<script type="text/javascript">
document.write("<h1>document.write()输出演示</h1>"+
"<p>我是一个段落</p>");
</script>
</body>
......

运行结果:

说明:document.write()函数如果输出的内容太长,不能直接换行,要用字符串连结符“+”。

3、innerHTML

innerHTML是用来将内容写入到html 元素中或改变元素中的内容(覆盖元素中的内容)。首先要找到要操作的元素,再通过innerHTML将元素中的内容覆盖。

实例:

......
<body>
<script type="text/javascript">
function c(){//函数
var i=document.getElementById("a");//节点的查找
i.innerHTML="我是i.innerHTML插入的内容";
}
</script>
<div>
<h1>innerHTML演示</h1>
<p id="a">这里的内容将改变<p>
<input type="button" value="改变" onclick="c()">
<!--点击按钮执行js的c()函数-->
<div>
</body>
......

运行结果:

点击按钮前:

点击按钮后:

 

4、console.log()

console.log()方法是用来将变量或其它内容输出到浏览器的控制台。

实例:

<script type="text/javascript">
var a="console.log()方法演示";
console.log(a);
</script>

运行结果:

本文地址:https://www.ggbiji.com/js-output.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情