js基础知识——输出

总结一下常用的输出方式。

1、使用 console.log() 写入控制台
console.log("这是一条在控制台输出的信息");
console.error("这是一条在控制台输出的错误");
console.warn("这是一条在控制台输出的提示");
console.clear(); //清空控制台

js基础知识——输出_第1张图片

控制台输出

js基础知识——输出_第2张图片

清空控制台

2、使用 window.alert() 写入警告框
// window可省略不写,例:alert("这是一个警告框");
window.alert("这是一个警告框");
window.confirm("这是一个确认框"); //确认框的返回值是boolean类型,true||false
window.prompt("这是一个提示框"); 
//提示框是有输入框的,输入的值会在点击确定的时候返回来,点击取消的话返回值为null
var value = prompt("你喜欢跳舞吗?");
console.log(value);

js基础知识——输出_第3张图片

alert警告框

js基础知识——输出_第4张图片

confirm确认框

js基础知识——输出_第5张图片

prompt提示框

3、使用 document.write() 写入 HTML 输出

<html>
<head>
	<title>title>
	<script type="text/javascript">
		document.write("1在页面上输出啦");
	script>
head>
<body>
	<div>我是一个块元素div>
	<script type="text/javascript">
		document.write("2在页面上输出啦");
		document.write(" 3在页面上输出啦");
	script>
body>
html>

结果:
js基础知识——输出_第6张图片
  document.write()是按照顺序输出在页面上,不仅可以写入文字,还可以写入HTML元素,例如:document.write("

Hello World!

");
  注: 在页面完全加载后使用document.write()将会删除页面上全部已经存在的节点。例:在点击事件中使用。

4、使用 innerHTML 写入 HTML 元素

  先获取元素节点,再将内容写入此元素内。在这里我们使用 document.getElementById(id) 方法获得元素。
  怎么获取元素节点,具体详见js基础知识——节点操作

<div id="demo">我是一个块元素div>
<script type="text/javascript">
	var a=document.getElementById("demo");
	a.innerHTML="我是id为demo的元素";
script>

js基础知识——输出_第7张图片

你可能感兴趣的:(前端基础知识)