Javascript学习笔记（二）-优快云博客

本文链接：https://blog.youkuaiyun.com/m0_53737524/article/details/125249851

事件：js里面常见的事件

事件句柄是在事件之前加上on，

自己写的函数，没有通过程序去调用的话，而是通过点击一些事件来调用的话就是回调函数

通过document.getElementbyId来调用函数：

		<input type="button" value="hello" id="mybtn"/>
		<script type="text/javascript">
			function dosome(){
				alert("doSome....");
			}
			var mybtn = document.getElementById("mybtn");
			mybtn.onclick = dosome;
		</script>

也可以通过直接匿名函数来调用：

	<body>
		<input type="button" value="hello" id="mybtn"/>
		<input type="button" value="hello1" id="mybtn1"/>
		<script type="text/javascript">
			function dosome(){
				alert("doSome....");
			}
			var mybtn = document.getElementById("mybtn");
			var mybtn1 = document.getElementById("mybtn1")
			mybtn.onclick = dosome;
			mybtn1.onclick = function(){
				alert("dosome1.....")
			}
		</script>
	</body>

Js代码的执行顺序：

这样加载不到下面的id，因为是按着顺序来执行的

必须需要全部都先加载出来，然后再调用

		<script type="text/javascript">
			window.onload=function(){
				var mybutton=document.getElementById("mybutton");
				mybutton.onclick=function(){
					document.getElementById("mytext").type="checkbox";
				}
			}
		</script>
		<input type="text" id="mytext"/>
		<input type="button" id="mybutton"/ value="将框进行转变">
	</body>

通过onkeydown可以来控制键盘按下之后，就会弹出来窗口

	<script type="text/javascript">
			window.onload=function(){
				var mybutton=document.getElementById("mybutton");
				mybutton.onclick=function(){
					document.getElementById("mytext").type="checkbox";
				}
				document.getElementById("mytext").onkeydown=function(){
					alert("hello,js!")
				}
				
			}
		</script>

function里面会传递进来一个事件，通过这个事件来判断

	document.getElementById("mytext").onkeydown=function(a,b,c){
					alert("hello,js!")
					alert(a)
				}

对于键盘事件有一个keycode属性可以获取到键值

	<body>
		<script type="text/javascript">
			window.onload=function(){
				var mytext = document.getElementById("mytext");
				mytext.onkeydown=function(event){
					if(event.keyCode==13){
						alert("正在验证....")
					}
				}
			}
		</script>
		<input type="text" id="mytext"/>
	</body>

void运算符

js:void(0)这样就不会跳转，这里面没有返回值

	<body>
		<a href="js-01.html" onclick="window.alert('!!!!!!!!!')">请点击按钮</a><br>
		<a href="aaaa" onclick="window.alert('!!!!!!!!!')">点击</a>
		<a href=""  onclick="window.alert('!!!!!!!!!')">点击</a>
		<a href="js:void(0)"  onclick="window.alert('!!!!!!!!!')">点击</a>
	</body>

for in语句可以用在两个方面：

一个是数组方面，另一个是对象的属性里面

DOM编程：

获取文本框的value

	<body>
		<script type="text/javascript">
			window.onload=function(){
				document.getElementById("mybutton").onclick=function(){
					document.getElementById("text02").value=document.getElementById("text01").value
				}
			}
		</script>
		<input type="text" id="text01" />
		<input type="button" id="mybutton" value="转换value"/><br>
		<input type="text" id="text02"/>
	</body>

<input type="text" onblur="alert(this.value)"/>

一失去焦点就会弹出来文本框