javascript三种输出方式

最新推荐文章于 2024-06-14 20:17:13 发布

shaonian1996

最新推荐文章于 2024-06-14 20:17:13 发布

阅读量3.2k

点赞数 1

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/qq_41179401/article/details/79306506

版权

javascript 专栏收录该内容

43 篇文章 0 订阅

订阅专栏

javascript三种输出方式

1):使用window.alert()弹出警告框。

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

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

1 使用弹出警告框

通过alert()方法输入数据，代码如下：

window.οnlοad=function(){
	alert('弹出警告框');
}

效果：

2 直接写入到html文档中

通过document.write()方法将内容写到html文档中代码如下：
html代码：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>1</title>
	<script type="text/javascript" src="demo.js"></script>
	<link rel="stylesheet" type="text/css" href="demo.css">
</head>
<body>
我是原内容
</body>
</html>

javascript代码：

document.write('输入到html中'+'<br>')

效果：

PS：如果在整个文档加载完毕在执行的document.write(),会完全覆盖已有的html内容

html代码：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>1</title>
	<script type="text/javascript" src="demo.js"></script>
	<link rel="stylesheet" type="text/css" href="demo.css">
</head>
<body>
我是原内容
</body>
</html>

javascript代码：

window.οnlοad=function(){
	document.write('输入到html中')
}

效果:

3 写到控制台

使用console.log()写入到控制台

html代码：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>1</title>
	<script type="text/javascript" src="demo.js"></script>
	<link rel="stylesheet" type="text/css" href="demo.css">
</head>
<body>
我是原内容
</body>
</html>

javascript代码：

console.log('写到控制台')

效果：

总结：javascript常用的三种输出方式：使用警告框，直接输入到网页，写到控制台。

如果哪里写错了，有疑惑可留言哦，谢谢指出，共同进步哦！

shaonian1996

关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
javascript三种输出方式

javascript三种输出方式1):使用window.alert()弹出警告框。2):使用document.write()方法将内容写到html文档中。3):使用console.log()写入到浏览器的控制台。1 使用弹出警告框通过alert()方法输入数据，代码如下：window.onload=function(){ alert('弹出警告框');}效果： 2 直接写入到html文档中通...
复制链接

扫一扫

专栏目录