当前位置： 移动技术网 > IT编程>开发语言>JavaScript > javascript三种输出方式实例讲解

javascript三种输出方式实例讲解

2019年04月06日  | 移动技术网IT编程  | 我要评论

javascript三种输出方式

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

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

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

1 使用弹出警告框

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

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网