js中的点击按钮事件

最新推荐文章于 2024-08-22 23:39:09 发布

beyond_LH

最新推荐文章于 2024-08-22 23:39:09 发布

阅读量3w

点赞数 4

分类专栏：前端的快乐生活文章标签： javascript button innerHTML onclick

本文链接：https://blog.csdn.net/beyond9305/article/details/79749726

版权

本文介绍了如何使用JavaScript实现按钮点击事件，通过示例展示了点击按钮时如何改变元素内容。讲解了在HTML中引入外部JS文件的方法，并提及了<button>标签的type属性及其不同设置在特定场景下的作用。

摘要由CSDN通过智能技术生成

年前的时候自学过一段时间的html+css，讲真，这一块是我的兴趣点，但有时候真的觉得很无力，怀疑自己的审美，强迫症晚期的人伤不起啊，各种调整，各种不美好……

现在来到了js，三兄弟即将合体，希望我能沉迷其中吧~~

首先写了一个js脚本，效果是用引号中的内容去替代id为“we”中的html内容：

function myFirst()
{
	document.getElementById("we").innerHTML="这里是最新的内容……";
}

然后在主页中去调用它，当点击按钮时函数myFirst()将被调用：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>初识JS</title>
		<script src="js/MyFirst.js"></script>
	</head>
	<body>
		<p>正式进军JS~~~</p>
		<h1 id="we">这里是将要被代替的内容！</h1>
		<button onclick="myFirst()">见证奇迹</button>
	</body>
</html>

在<head>中我们引入了js，注意在<script&