第四节课笔记

最新推荐文章于 2022-01-26 14:29:38 发布

艾梦依诺

最新推荐文章于 2022-01-26 14:29:38 发布

阅读量160

点赞数

分类专栏：听课笔记

本文链接：https://blog.csdn.net/weixin_43778396/article/details/97677566

版权

听课笔记专栏收录该内容

5 篇文章 0 订阅

订阅专栏

Js编程

js的使用

<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)&&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="登陆" onclick="check()"></input>
</form>
</body>