JS的输出方式

JS的输出方式:

JavaScript 可以通过不同的方式来输出数据,显示数据

  1. alert(“要输出的内容”); window.alert();window可省略不写
    在浏览器中弹出一个弹出框,将“要输出的内容”展示出来
    效果图
    在这里插入图片描述
  2. document.write(“要输出的内容”);
    直接在页面中展示“要输出的内容”
    效果图
    在这里插入图片描述
  3. console.log(“要输出的内容”);
    在控制台输出“要输出的内容”;
    在这里插入图片描述
  4. innerHTML/innerText
    给除了表单元素的标签赋值内容
<body>
    <div id="div1">balabala</div>
    <div id="div2">balabala</div>
    <script type="text/javascript">
        <!--**id**:通过指定的id来访问HTML元素,并改变其内容-->
        document.getElementById("div1").innerText='innerText';
        document.getElementById("div2").innerHTML='innerHTML';
     </script>
</body>

拓展

  • innerHTML指的是从对象的起始位置到终止位置的全部内容,包括Html标签。
  • innerText 指的是从起始位置到终止位置的内容,但它去除Html标签。
  • outerHTML指的是除了包含innerHTML的全部内容外, 还包含对象标签本身。
<body>
		<div id="d1"><p id="p1">hello world </p></div>
		<script>
			var content = document.getElementById("d1");
			alert(content.innerHTML); //<p id="p1">hello world </p>
			alert(content.innerText); //hello world
			alert(content.outerHTML); //<div id="d1"><p id="p1">hello world </p></div>
		</script>
</body>
  1. value
    给文本框(表单元素)的赋值内容

猜你喜欢

转载自blog.csdn.net/AI_U20/article/details/84538036