<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>";
}
节约时间，看看演示：
