01.JavaScript四种输出方式

    技术2022-07-10  157

    <html> <head> <meta charset="UTF-8"> <title>学习JavaScript的第一天</title> </head> <!--引入js--> <script src="./js/index.js" charset="UTF-8"></script> <body> <!-- Date:2020.6.30 Title:js的四种输出方式 1.使用 window.alert() 弹出警告框。 2.使用 document.write() 方法将内容写到 HTML 文档中。 3.使用 innerHTML 写入到 HTML 元素。 4.使用 console.log() 写入到浏览器的控制台。 --> <!--弹出框的使用--> <button onclick="myclick()">点击我</button> <!--write方法的使用--> <button onclick="myWrite()">点击我</button> <!--显示到控制台--> <button onclick="myConsole()">点击我</button> <!--显示到标签中--> <button onclick="myLabel()">点击我</button> <div id="mydiv"></div> </body> </html> /*弹出框*/ function myclick() { window.alert("现在是北京时间18点整"); } /*写入文字*/ function myWrite() { document.write(Date()); } /*显示到控制台*/ function myConsole() { console.log(Date()) } /*显示到标签中*/ function myLabel() { // document.getElementById("mydiv").innerText = Date(); document.getElementById("mydiv").innerHTML = "<font color='red'>"+Date()+"</font>"; }

    节约时间,看看演示:

    Processed: 0.012, SQL: 9