<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>";
}
節約時間，看看演示：
