# 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" onchange="o.onchange()"></input>
<!-- 点击事件 -->
<input type="button" value="点击" onclick="hello.hello()"></input>
<input type="button" value="点击1" onclick="len(str1)"></input>
<input type="button" value="登陆" onclick="o.login()"></input>
<input type="button" value="注册" onclick="o.register()"></input><br><hr>
<!-- 鼠标放上去 -->
<input type="button" value="lalalalal" onmouseover="o.onmouseover()"/><br>
<!-- 获得焦点 -->
<!-- <input type="text" onfocus="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="登陆" onclick="check()"></input>
</form>
</body>
原文：https://www.cnblogs.com/zlh233/p/11266288.html