JavaScript--常用的输出方式

1、alert("要输出的内容");

在浏览器中弹出一个对话框,然后把要输出的内容展示出来

2、document.write("要输出的内容");

直接的在页面中展示输出的内容

3、console.log("要输出的内容");

在控制台输出内容

4、value ->给文本框(表单元素)赋值内容

获取文本框中(表单元素)的内容

document.getElementById("search").value = " ";

5、innerHTML/innerText ->给除了表单元素的标签赋值内容

document.getElementById("div1").innerHTML = " ";
document.getElementById("div1").innerText = " ";

注：console.log()、alert()常用的用来测试

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
        <script>
            $(document).ready(function(){
                //使用 console.log() 写入到浏览器的控制台
                console.log("写入到浏览器的控制台");
                
                //使用 innerHTML 写入到 HTML 元素
                document.getElementById("h1_output").innerHTML="写入到 HTML 元素";
                
                //使用 window.alert() 弹出警告框
                alert("弹出警告框");
                
                //使用value写入到文本框内容
                document.getElementById("input_output").value="写入到文本框内容";
                                
            });
        </script>
    </head>
    <body>
        <div><h1 id="h1_output"></h1></div>
        <script>
            document.write("内容写到 HTML 文档中");
        </script>
        <br />
        <input type="text" id="input_output" />
    </body>
</html>