javascript ①

最新推荐文章于 2024-04-01 09:15:10 发布

QNAN-

最新推荐文章于 2024-04-01 09:15:10 发布

阅读量114

点赞数

分类专栏： javascript 文章标签： javascript js

本文链接：https://blog.csdn.net/QNANWang/article/details/101715671

版权

javascript 专栏收录该内容

20 篇文章 2 订阅

订阅专栏

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>