zoukankan      html  css  js  c++  java
  • 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><h3 id="h1_output"></h3></div>
            <script>
                document.write("<a href='#' style='color:#FF0000'>内容写到 HTML 文档中</a><br />");
            </script>
            <br />
            <input style="border:1px solid #0000FF;" type="text" id="input_output" />
        </body>
    </html>
  • 相关阅读:
    PAT B1045 快速排序 (25 分)
    PAT B1042 字符统计 (20 分)
    PAT B1040 有几个PAT (25 分)
    PAT B1035 插入与归并 (25 分)
    PAT B1034 有理数四则运算 (20 分)
    PAT B1033 旧键盘打字 (20 分)
    HDU 1231 最大连续子序列
    HDU 1166 敌兵布阵
    HDU 1715 大菲波数
    HDU 1016 Prime Ring Problem
  • 原文地址:https://www.cnblogs.com/fengfuwanliu/p/10081090.html
Copyright © 2011-2022 走看看