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常用的三种输出方式:使用警告框,直接输入到网页,写到控制台。