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>