JavaScript笔记之常用技巧

一、弹出选择框

JavaScript笔记之常用技巧_第1张图片

 <script type="text/javascript">
    	function test(){
        	
	  	  	if(confirm("你想继续操作吗?")){
				window.location.href = "http://www.google.com/";	
	        }else {
				window.alert("bye bye");
		    }
    	}

    	test();
    
    </script>

二、表单验证

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>jsCheckPassword.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
	<script type="text/javascript">
	
		function checkPassword(obj){

			if(obj.value.length <= 4){
				window.alert("密码长度过短!请重新输入");

				obj.focus();
				obj.select();
			}
		}
	
	</script>
  </head>
  
  <body>
	<!-- 当鼠标焦点离开输入框时触发的事件 -->
	<input type="password" onblur="checkPassword(this);"/>	

  </body>
</html>
三、不是超链接的超链接

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>jsOnclick.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

	<script type="text/javascript">
		function mOver(obj){
			obj.color = "red";
		}

		function mOut(obj){
			obj.color = "black";
		}
	
	
	</script>
  </head>
  
  <body>
    <font style="cursor: hand;" onmouseover="mOver(this);" onmouseout="mOut(this);" onclick="window.location.href='http://www.google.com/'">欢迎访问</font>
  </body>
</html>


你可能感兴趣的:(JavaScript笔记之常用技巧)