超简单使用js的三种方式

最新推荐文章于 2023-10-22 18:40:15 发布

于飞SEO

最新推荐文章于 2023-10-22 18:40:15 发布

阅读量1.3k

点赞数 1

分类专栏：站长技术交流文章标签： js js使用

本文链接：https://blog.csdn.net/q906270629/article/details/124370429

版权

站长技术交流专栏收录该内容

235 篇文章 10 订阅

订阅专栏

菜鸟可以学会的使用js的三种方式

通过id使用js事件

<!DOCTYPE html>
<html>
<body>

<p>该实例声明一个函数，函数调用时在 id="demo" 的元素上输出 "Hello World" 。</p>

<p id="demo2"></p>

<script>
function myFunction() {
    document.getElementById("demo2").innerHTML = "Hello World!";
}

myFunction();
</script>

</body>
</html>

通过onclick使用js事件

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function myFunction(){
	alert("你好，我是一个警告框！");
}
</script>
</head>
<body>

<input type="button" onclick="myFunction()" value="显示警告框" />

</body>
</html>

直接给html标签设定js事件

<html>
<head>
<script type="text/javascript">
function getElements()
  {
  var x=document.getElementsByTagName("input");
  alert(x.length);
  }
</script>
</head>
<body>

<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()"
value="How many input elements?" />

</body>
</html>

于飞SEO

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
超简单使用js的三种方式

菜鸟可以学会的使用js的三种方式通过id使用js事件<!DOCTYPE html><html><body><p>该实例声明一个函数，函数调用时在 id="demo" 的元素上输出 "Hello World" 。</p><p id="demo2"></p><script>function myFunction() { document.getElementById..
复制链接

扫一扫