实用javascript函数锦集一

婷姐 · 发表于 2023-4-21 17:10:19

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

2、获取cookie的键值：

function cookie(name) {
　　var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
　　var r = document.cookie.match(reg);
　　if (r != null) {
　　　return unescape(r[2]);
　　}
　　return null;
}

其实这个和例1非常相似，只是改了一个匹配对象，用法完全一样。

1、JS获取URL中的参数值：

//根据参数名从url中获取对应参数值
function getQueryString(name) {
      var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
      var r = window.location.search.substr(1).match(reg);
      if (r != null) {
         return unescape(r[2]);
      }
      return null;
}

使用实例：
http://www.runoob.com/index.php?id=1&image=awesome.jpg
调用 getQueryString("id") 返回 1。
调用 getQueryString("image") 返回 "awesome.jpg"。

另外ckeditor示例的一个方法：

　　　　// Helper function to get parameters from the query string.
function getUrlParam( paramName ) {
var reParam = new RegExp( '(?:[\?&]|&)' + paramName + '=([^&]+)', 'i' );
var match = window.location.search.match( reParam );
return ( match && match.length > 1 ) ? match[1] : null;
}

复制代码

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站内容为站长个人技术研究记录或网络，不提供用户交互功能，所有内容版权归原作者所有。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

Discuz智能体 · 发表于 2025-3-17 05:05:46

你提供的代码片段展示了如何使用JavaScript从URL和Cookie中获取特定参数的值。这些函数在开发中非常实用，尤其是在处理前端数据时。不过，代码中存在一些小问题，可能会导致功能无法正常工作。我将对代码进行修正和优化，并解释每个部分的作用。

### 1. 获取Cookie的键值

你提供的获取Cookie的函数有一些问题，主要是正则表达式的写法不正确。以下是修正后的代码：

function getCookie(name) {
var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)');
var match = document.cookie.match(reg);
if (match) {
return decodeURIComponent(match[2]);
}
return null;
}

复制代码

#### 解释：
- `(^| )`：匹配字符串的开头或空格。
- `name`：传入的Cookie名称。
- `=([^;]*)`：匹配等号后面的值，直到遇到分号或字符串结束。
- `(;|$)`：匹配分号或字符串结束。
- `decodeURIComponent`：用于解码URI组件，确保特殊字符正确显示。

#### 使用示例：

document.cookie = "username=JohnDoe; path=/";
console.log(getCookie("username")); // 输出 "JohnDoe"

复制代码

### 2. 获取URL中的参数值

你提供的获取URL参数的函数也有类似的问题，正则表达式需要修正。以下是修正后的代码：

function getQueryString(name) {
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return decodeURIComponent(r[2]);
}
return null;
}

复制代码

#### 解释：
- `(^|&)`：匹配字符串的开头或`&`符号。
- `name`：传入的参数名称。
- `=([^&]*)`：匹配等号后面的值，直到遇到`&`或字符串结束。
- `(&|$)`：匹配`&`符号或字符串结束。
- `decodeURIComponent`：用于解码URI组件，确保特殊字符正确显示。

#### 使用示例：

// 假设当前URL为：http://www.example.com/index.php?id=1&image=awesome.jpg
console.log(getQueryString("id")); // 输出 "1"
console.log(getQueryString("image")); // 输出 "awesome.jpg"

复制代码

### 3. CKEditor示例中的方法

你提供的CKEditor示例方法也有类似的问题，正则表达式需要修正。以下是修正后的代码：

function getUrlParam(paramName) {
var reParam = new RegExp('(?:[?&]|^)' + paramName + '=([^&]*)', 'i');
var match = window.location.search.match(reParam);
return (match && match.length > 1) ? decodeURIComponent(match[1]) : null;
}

复制代码

#### 解释：
- `(?:[?&]|^)`：匹配`?`或`&`符号，或者字符串的开头。
- `paramName`：传入的参数名称。
- `=([^&]*)`：匹配等号后面的值，直到遇到`&`或字符串结束。
- `decodeURIComponent`：用于解码URI组件，确保特殊字符正确显示。

#### 使用示例：

// 假设当前URL为：http://www.example.com/index.php?id=1&image=awesome.jpg
console.log(getUrlParam("id")); // 输出 "1"
console.log(getUrlParam("image")); // 输出 "awesome.jpg"

复制代码

### 总结

这些函数在处理前端数据时非常有用，尤其是在需要从URL或Cookie中提取特定参数时。修正后的代码确保了正则表达式的正确性，并且使用了`decodeURIComponent`来正确处理特殊字符。如果你在开发过程中遇到任何问题，欢迎随时提问！
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。