1.设置一个按钮 点击后可显示当前时间
<script>//head
function displayDate(){
document.getElementById("demo").innerHTML=Date();
}
</script>
<button type="button" onclick="displayDate()">显示日期</button>
2.script放在head和body的区别
a.在HTML body部分中的JavaScripts会在页面加载的时候被执行。
b.在HTML head部分中的JavaScripts会在被调用的时候才执行。
c.放到函数中的话 是有可能是被点击才调用**（函数事件）**
3.直接显示时间
<script>//body
document.write(Date());
</script>
4.用JavaScript改变HTML元素
<p id="demo">我的第一个段落。</p>
<script>//body
document.getElementById("demo").innerHTML="段落已修改。";
</script>
5.外部JS
点击后变文字，外部文件通常包含被多个网页使用的代码。
外部 JavaScript 文件的文件扩展名是 .js。要使用的话就在script中写src。例：<script src="myscript.js"></script>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落。</p>
<button type="button" onclick="myFunction()">点击这里</button>
<p><b>注释：</b>myFunction 保存在名为 "myScript.js" 的外部文件中。</p>
<script src="myScript.js"></script>
</body>
</html>
6.细节问题
转载：https://blog.csdn.net/QNANWang/article/details/101715671
查看评论