JavaScript笔记

最新推荐文章于 2024-03-16 13:21:00 发布

zhangxin1411

最新推荐文章于 2024-03-16 13:21:00 发布

阅读量122

点赞数

分类专栏： java基础

本文链接：https://blog.csdn.net/qq_38270196/article/details/104029398

版权

java基础专栏收录该内容

7 篇文章 0 订阅

订阅专栏

JavaScript笔记

WebAP1 篇

一 day

案例1：点击按钮弹出对话框

方式一：直接在程序中写方法名

	<body>
		<input type="button" value="按钮" onclick="f1()" />
	</body>
	<script>
		function f1(){
			alert("ok");
		}
	</script>

方式二：获取id值，输出方法

	<body>
		<input type="button" value="按钮2" id="btn2" />
	</body>
	<script>
		var btn2=document.getElementById("btn2");
		btn2.onclick=function(){
			alert("按钮2已经注册了");
		}
	</script>

注意一：在js中给标签赋值方法时，方法不能加（），否则会直接输·出。

	<body>
		<input type="button" value="按钮2" id="btn2" />
	</body>
	<script>
		function f1(){
			alert("ok");
		}
		var btn2=document.getElementById("btn2");
		btn2.onclick=f1; //不能写成f1（）；
	</script>

注意：

在对标签进行修改属性的时候，即可将标签看成一个对象，每一个标签的原有属性都可以都做对象的属性

2. 通过标签名称获取 getElementsByTagName()

此方法获取后得到一个伪数组，例如array【0】，可以获取数组中第一个标签元素

	<body>
		<input type="button" value="按钮"/><br />
		<input type="text" value="" /><br />
		<input type="text" value="" /><br />
		<input type="text" value="" /><br />
		<input type="text" value="" /><br />
		<input type="text" value="" /><br />
		<input type="text" value="" />
	</body>
<script>
	var input= document.getElementsByTagName("input");
	input[0].onclick=function(){
			for(var i=0;i<input.length;i++){
			if(input[i].type!="button"){
				input[i].value="点击就有字了";
			}		
		}
	}

</script>

zhangxin1411

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript笔记

JavaScript笔记WebAP1 篇一 day案例1：点击按钮弹出对话框方式一：直接在程序中写方法名 <body> <input type="button" value="按钮" onclick="f1()" /> </body> <script> function f1(){ alert("ok"); } &...
复制链接

扫一扫