JavaScript笔记之常用技巧

最新推荐文章于 2024-01-07 16:04:47 发布

Geek_ymv

最新推荐文章于 2024-01-07 16:04:47 发布

阅读量639

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/Geek_ymv/article/details/24741125

版权

JavaScript 专栏收录该内容

35 篇文章 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" οnblur="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;" οnmοuseοver="mOver(this);" οnmοuseοut="mOut(this);" οnclick="window.location.href='http://www.google.com/'">欢迎访问</font>
  </body>
</html>