JavaScript

最新推荐文章于 2025-07-29 18:18:43 发布

思尘S

最新推荐文章于 2025-07-29 18:18:43 发布

阅读量641

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： javascript 正则表达式前端

本文链接：https://blog.youkuaiyun.com/sichenss/article/details/123374766

前端专栏收录该内容

8 篇文章

订阅专栏

(1)删除操作怎么实现

//超连接功能 : 
//1.可以被点击 , 样式
//2.点击之后跳转到href指定的url
	//需求 : 保留1功能 , 删除2功能 
	//实现 : 设置 href = "javascript : void(0);"
void 是阻止返回值的

<!-- href后边设置为javascript:void(0)表示: 
仍然保留住超链接的样式点击此超链接之后 , 不进行页面跳转 
我只是希望用户点击的时候执行一段js代码 , 不进行页面的跳转
-->
<a href='javascript:void(0)' onclick="del()">删除</a>

//有四种方法能够在js中发送请求 : 方法如下: 
document.location.href = "请求路径"
document.location = "请求路径"
window.location.href = "请求路径"
window.location = "请求路径"

具体代码如下 : 
<!-- href后边设置为javascript:void(0)表示:仍然保留住超链接的样式点击此超链接之后,不进行页面跳转-->
<a href='javascript:void(0)' onclick="del(dno)">删除</a>

<script type="text/javascript">
	function del(dno){
		var ok = window.confirm("亲 , 删除了不可恢复哦");
		if (ok){
			//发送请求进行数据的操作
			//在js代码中如何发送请求给服务器
			// alert("正在删除中...")
			// document.location.href = "请求路径"
			// document.location = "请求路径"
			// window.location.href = "请求路径"
			// window.location = "请求路径"
			document.location.href = "/oa/dept/delete?deptno="+dno ;
		}
	}
</script>

(3)设置text内容不可修改(只读)

添加一个属性 : readonly
部门编号<input type='text' name='deptno' value='"+deptno+"' readonly/><br>

(4)打印内容到浏览器

document.write(内容);

RegExp : 正则表达式对象

正则表达式 : 定义字符串的组成规则的

用来完成表单的校验

正则表达式是一种通用的规则 , 在java , c++等中都可以使用

(1)正则表达式如何定义?

1.单个字符 “[ ]” : 如 [a] , [ab] , [a-zA-Z0-9_ ]
- 通过一些符号来代表特殊含义的单个字符
  - \d : 表示单个数字字符 [0-9]
  - \w : 单个单词字符 [a-zA-Z0-9_ ]
2.量词符号 : 设置出现次数的
- “?” : 表示出现0次或1次
- “*” : 表示出现0次或多次
- “+” : 表示出现1次或多次
- “{m,n}” : 表示 m<=数量<=n (常用的方法)
- m 如果缺省 : { , n} : 表示最多n次
- n 如果缺省 : { m , } : 表示最少m次
1. 一个开始结束符号
  - ^ : 开始
  - $ : 结束
正则表达式怎么写 : 例如 : \w* :表示单个字符出现0次或多次

(2)正则对象 :

1.创建
- 1.var reg = new RegExp(“正则表达式”);
  - 如果使用第一种方法 , 因为有"" 号 , 所以要在\w前边加一个转义字符\
- 2.var reg = /正则表达式/ ;
2.方法
- test(参数) : 验证指定的字符串是否符合正则表达式的规范

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script>
    var regExp = new RegExp("^\\w{6,12}$");
    var reg2 = /^\w{6,12}$/;
    var username = "aisichen";
      //使用方法验证字符串
    var flag = regExp.test(username);
    alert(flag);
  </script>
</head>
<body>
</body>
</html>

Global对象 : 全局对象

1.特点 : 全局对象 , 这个Global对象中封装的方法不需要对象名既可以直接调用方法名();
2.方法 :

encodeURI() : //url的编码
decodeURI() : //url的解码
下边编码的字符更多一些 , 比如
encodeURIComponent() : //url的编码
decodeURIComponent() : //url的解码

parseInt() : //将字符串转为数字
//逐一判断每一个字符是否为数字 , 直到不是数字为止 , 将前边的数字部分转为number

isNaN() : //判断一个值是否是 NaN
//NaN六亲不认 , 连它自己都不认 , NaN参与的==比较全部都是false

eval() : //将JavaScript字符串 , 转成脚本来执行


- ```
- 思尘
- 假设GBK编码 :  4个字节  1个字节8个二进制位
- 如果是UTF-8编码的时候  :  6个字节
- 编码的格式不一样就会造成编码的时候出现问题

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Global对象</title>
  <script>
var str = "http://www.baidu.com?user=思尘";
var s = encodeURI(str);
document.write(s + "<br>");
// 输出是 : http://www.baidu.com?user=%E6%80%9D%E5%B0%98
var s1 = decodeURI(s);
document.write(s1 + "<br>");
// 输出是 : http://www.baidu.com?user=思尘
      
var s2 = encodeURIComponent(str);
document.write(s2 + "<br>");
//输出是 : http%3A%2F%2Fwww.baidu.com%3Fuser%3D%E6%80%9D%E5%B0%98
var s3 = decodeURIComponent(s2);
document.write(s3 + "<br>");
//输出是 : http://www.baidu.com?user=思尘
  </script>
</head>
<body>
</body>
</html>