JavaScript用法和输出_javascript 没有任何打印或者输出的函数是什么意思-优快云博客

本文链接：https://blog.youkuaiyun.com/w_mengying/article/details/86654076

JavaScript用法

1.在HTML文件中嵌入JS代码

<!DOCTYPE html>
<html>
	<head>
	<meta charset="utf-8">
	<title>在HTML文件中嵌入JS代码</title>
	</head>
	
	<body>
		<script>
			alert("欢迎来到我的博客！");
		</script>
	</body>
</html>
//注：在<head>和<body>中均可插入JS代码

2.引用外部JS文件

<!DOCTYPE html>
<html>
<body>
	<script src="/此处填写.js文件的URL"></script>
</body>
</html>
//注：最好使用相对的URL。

Javascript输出

1.输出在HTML页面
使用 window.alert() 或者直接使用alert()弹出警告框。

<html>
	<body>
		<script>
			window.alert(5 + 6); //可直接使用 alert(5 + 6);效果相同
		</script>
	</body>
</html>

使用 document.write() 方法将内容写到 HTML 文档中。

<!DOCTYPE html>
<html>
	<body>
		<h1>我的第一个 Web 页面</h1>
		<p>我的第一个段落。</p>
		
		<script>
			document.write(Date()); //将显示Sat Jan 26 2019 10:36:31 GMT+0800 (中国标准时间)
		</script>
	
	</body>
</html>
//注：此代码将直接在HTML文档流当中写入document.write(Date());中的内容。

使用 innerHTML 写入或替换 HTML 元素中的内容。

<!DOCTYPE html>
<html>
	<body>
		<h1>欢迎来到我的博客！</h1>
		<p id="demo">此段路在程序执行之后将被修改</p>
		
		<script>
			//在这里，使用获取标签id的方式对元素进行定位，以修改相应的内容
			document.getElementById("demo").innerHTML = "段落已修改。";
		</script>
		
	</body>
</html>

2.输出在控制台

使用 console.log() 写入到浏览器的控制台。

<!DOCTYPE html>
<html>
	<body>
	
		<h1>我的第一个 Web 页面</h1>
		<script>
		a = 5;
		b = 6;
		console.log(a + b);  //在浏览器当中，右键选中“检查“，在新弹出的窗口中选中console即可
		</script>
	
	</body>
</html>