JS的输出 day01-3

81 阅读 0 评论 54 点赞

我是靠谱客的博主拉长小天鹅，最近开发中收集的这篇文章主要介绍JS的输出 day01-3，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

一、js的注释

单行注释 //

多行注释 /* 注释内容*/

二、浏览器窗口弹出

1.alert()；弹窗提示

2.confirm()；弹窗询问

3.prompt()；弹窗输入

    <script>
        alert("弹窗提示"); 
        confirm(' 弹窗询问');
        prompt('弹窗输入'); 
    </script>

三、输入内容在文档中

document.write();

document.querySelector("div").innerHTML = 值

<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div></div>
    <header></header>
    <script>
        document.write('向页面输入的内容1');
        document.write("<p>向页面输入的内容2</p>");
        document.querySelector('div').innerHTML = '向div输入的内容1';
        document.querySelector('header').innerHTML = '<p>向div输入的内容2</p>';
    </script>
</body>
</html>

四、在控制台中输出内容

console.log()；直接输出

console.dir()；描述信息

console.warn()；警告信息

console.table()；表格信息

console.clear()；清楚控制台


    <script>
        var fn = function(){console.log(111);}
        console.log(fn);
        console.dir(fn);//打印描述信息
        console.warn(645);//打印错误信息
        console.error(456); //打印错误信息
        console.table({name:"尘缘",age:18})//打印表格信息
    </script>