笔记4详情 朴灿烈づ我的快乐病毒、 2021-11-01 14:56 236阅读 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> <!-- 获得焦点 --> <!-- <input type="text" οnfοcus="o.onfocus()"></input> --> </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)&®Exp.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
还没有评论,来说两句吧...