笔记4详情

朴灿烈づ我的快乐病毒、 2021-11-01 14:56 281阅读 0赞

# Js编程 #
    ## js的使用 ##
    1.
    `<script></script>`可以写在页面的`<head></head>`里，也可以写在`<body></body>`内。
    
    建议：写在`<body></body>`内，页面效率更高一点。
    
    2.引入外部的js脚本文件。语法：`<script src=""> </script>`
    
    目的：
    	
    	1.实现一个页面和脚本的分离。
    	2.如果我要更改脚本的逻辑，页面不受影响。 【降耦合】
    	3.Js文件是不是可以实现复用。【降耦合，高复用】
    
    ## js输出 ##
    1.下面代码是在页面控制台输出一个字符串的长度。
    
    	function len(inputstr){
    	var len1=inputstr.length;
    	return len1;
    	} 
    	var a=len("hello world");
    	console.log(a);
    
    2.向HTML的标签内写入内容
    
    	<p id="demo"></p>
    
    	<script type="text/javascript">
    	function myFunction(a, b) {
        return a * b;            
    	}
    	var x = myFunction(7, 8);
    	document.getElementById("demo").innerHTML = x;
    	</script>
    需要注意的事：如果将上面js的内容写在p标签上，则无法输出且报错。
    
    详细原因见笔记4上的注释。
    
    ## 事件【知道】 ##
    
    	<form action=""method="get">
    	
    	<input type="text" οnchange="o.onchange()"></input>
    	
    	<input type="button" value="点击" οnclick="hello.hello()"></input>
    	<input type="button" value="点击1" οnclick="len(str1)"></input>
    	<input type="button" value="登陆" οnclick="o.login()"></input>
    	<input type="button" value="注册" οnclick="o.register()"></input><br><hr>
    	
    	<input type="button" value="lalalalal" οnmοuseοver="o.onmouseover()"/><br>
    	
    	
    	</form>
    
    ## 循环条件【知道】 ##
    四种循环：if/else、for、while、switch，了解就行
    
    ## 函数【重要】 ##
    函数定义
    
    	Function  函数名(传参){
    	return 1;
    	}
    
    函数可以有返回。
    
    函数可以作为其他变量的值。或者说函数可以给其他变量使用。
    
    ## DOM模型和BOM模型 ##
    DOM ：document object model 
    
    BOM:browser object Model 浏览器对象模型
    
    ## 正则表达式【重要】 ##
    正则表达式：
    
    1.所有的字符和字符串等都是正则表达式。
    
    2.正则表达式的模式，元字符，限定符，定位符等等拼接。
    
    *1* 字符及含义：
    
    	[xyz]	表示的含义是匹配任意一个
    	[^xyz]	和[xyz]相反。匹配任意一个不在这个范围内的
    	[a-z]	匹配a-z的所有字符
    	[^a-z]	和[a-z]相反
    	[A-Z]	匹配A-Z的所有字符
    	[^A-Z]	和[A-Z]相反
    	[0-9]	匹配所有的0-9的数字
    	[^0-9]	和[0-9]相反
    	[\ue00-\Fxxx]	匹配所有的汉字
    	[A-z]	匹配所有的字母
    	(|) 	匹配任意的选项
    
    *2* 限定符号：
    
    	字符表达式	描述
    	*	至少0个，0到多个
    	+	至少1个，1到多个
    	?	0或者1个
    	{n}	确定数量为n。
    	{n,}	至少n个，n到多个
    	{n,m}	至少n个，最多m个
    
    *3* 定位符号【必写】
    	
    	表达式	描述
    	^	以什么开头
    	$	以什么结尾
    	\b	单词空格
    
    *4* 元符号
    	
    	表达式	描述
    	\	转译字符
    	\d	表示数字
    	.	单个字符
    	\f	数字
    		
    ## 正则表达式示例 ##
    1.要求只能输入英文字符（大小写都可以），允许_-
    
    	/^[A-z_-]+$/
    
    2.要求只能输入数字
    
    	/^[0-9]+$/
    
    3.要求必须符合邮箱的格式。
    
    英文字符或者数字@英文字符或者数字.com/cn/COM/CN
    
    	/^[A-z0-9]+@[A-z0-9]+\.(com|cn|COM|CN){1}$/
    
    4.写在jsp页面里的示例
    
    	<head>
    	<script type="text/javascript">
    	function check(){
    	var name=$("#username").val();
    	var pass=$("#password").val();
    	var regExp=/^[A-z]+$/;
    	if(regExp.test(name)&&regExp.test(pass)){
    		console.log("格式正确！");
    	}
    	else{
    		console.log("格式不对！");
    	}
    	}
    	</script>
    	</head>
    	<body>
    	<form action=""method="get">
    	<input type="text" name="username"id="username"></input>
    	<input type="password" name="password"id="password"></input>
    	<input type="button" value="登陆" οnclick="check()"></input>
    	</form>
    	</body>

转载于:https://www.cnblogs.com/zlh233/p/11266288.html