微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

js获取或设置当前窗口url参数的小例子_javascript技巧

php中文网
发布： 2016-05-16 17:20:11
原创
1656人浏览过

知海图Chat
知海图Chat

知乎与面壁智能合作推出的智能对话助手

知海图Chat 157
查看详情 知海图Chat
复制代码 代码如下:

// 获取当前窗口url中param参数的值
function get_param(param){
    var query = location.search.substring(1).split('&');
    for(var i=0;i        var kv = query[i].split('=');
        if(kv[0] == param){
            return kv[1];
        }
    }
    return null;
}

// 设置当前窗口url中param的值
function set_param(param,value){
    var query = location.search.substring(1);
    var p = new RegExp("(^|&"+param+")=[^&]*");
    if(p.test(query)){
        query = query.replace(p,"$1="+value);
        location.search = '?'+query;
    }else{
        if(query == ''){
            location.search = '?'+param+'='+value;
        }else{
            location.search = '?'+query+'&'+param+'='+value;
        }
    }   
}

注意location.search获取到的是url中？开始到#之间的内容（包含？但不包含#）。

在上一个翻页代码，其中用有到了上面两个函数

复制代码 代码如下:

// 上一页
function page_pre(current_page,page_total){
    if(current_page page_total){
        return false;
    }
    var pre_page = parseInt(current_page) - 1;
    set_param('page',pre_page);
}

// 下一页
function page_next(current_page,page_total){
    if(current_page = page_total){
        return false;
    }
    var next_page = parseInt(current_page) + 1;
    set_param('page',next_page);
}

相关标签：
js

大家都在看：

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：通过js获取div的background-image属性_javascript技巧 下一篇：extjs表格文本启用选择复制功能具体实现_extjs
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
JavaScript装饰器模式_高阶函数组合应用 装饰器模式是一种结构设计模式，它允许向对象添加新功能而不改变其原始结构。在JavaScript中，常通过高阶函数实现，即一个函数接收另一函数作为参数并返回增强后的新函数，从而动态扩展功能。这种模式不修改原函数逻辑，适用于日志记录、权限校验、性能监控等场景。例如，计时装饰器withTiming可包装目标函数，利用console.time记录执行时间，提升代码复用与灵活性。
2025-11-26 18:37:02
146
Angular条件渲染：高效管理多状态提示信息 本教程旨在指导开发者如何在Angular应用中高效地根据不同条件显示多条提示信息或模板内容。通过在一个ng-template内部巧妙结合*ngIf指令与ng-container，我们能够避免复杂的模板绑定逻辑和冗余的ng-template定义，从而实现更清晰、更易维护的代码结构，确保用户界面在不同状态下提供准确且响应式的反馈。
2025-11-26 18:36:32
531
使用Node.js和Express.js构建Flutter本地API服务器教程 本教程旨在指导开发者如何利用Node.js和Express.js在本地PC上快速搭建一个API服务器，以响应来自Flutter应用的HTTP请求。文章将详细介绍Node.js和Express.js的基础概念，并利用Yeoman工具和generator-express-no-stress模板，提供一套从环境配置到项目启动的完整实践流程，同时探讨如何集成数据验证和SQLServer交互功能，为Flutter后端开发奠定基础。
2025-11-26 18:36:10
811
动态导入模块_javascript代码分割 动态导入通过import()实现按需加载，提升首屏速度与资源利用率，结合构建工具可拆分代码，适用于路由和功能模块分割，优化大型应用性能。
2025-11-26 18:36:10
434
如何在JavaScript分页中正确计算并显示连续的记录索引 本教程详细介绍了在JavaScript中实现数据分页时，如何准确计算并显示跨页连续的记录索引。文章通过Array.prototype.slice()方法演示了如何根据当前页码和每页记录数获取正确的数据子集，并进一步阐述了如何在UI层面上为每条记录生成全局连续的序号，避免索引在换页时重置的问题，确保用户体验的一致性。
2025-11-26 18:35:01
845
代码复用_Mixin模式实现 Mixin模式是一种通过多继承实现功能组合的编程技术，它将可复用方法封装到不独立实例化的类中，用于增强其他类的能力。例如Python中可通过定义SerializeMixin、LoggingMixin等类，为目标类添加序列化、日志记录等功能，多个Mixin按需组合，避免重复代码与复杂继承结构；使用时应遵循命名规范、减少状态依赖、规避方法冲突，并注意MRO调用顺序，以提升代码模块化和可维护性。
2025-11-26 18:34:02
630
TypeScript中实现基于参数的条件返回类型：深度解析与类型安全实践 本文深入探讨了在TypeScript中如何根据函数参数动态返回不同类型的问题。从理解条件类型在泛型中的局限性出发，逐步介绍如何利用索引访问类型实现基于参数的条件返回，并提供了一种通过函数映射模式构建完全类型安全的解决方案，旨在帮助开发者编写更健壮、类型更明确的代码。
2025-11-26 18:32:18
408
Ember 应用中基于特定属性实现全局事件监听与动作触发 本教程探讨了在Ember应用中，如何优雅地实现基于特定元素属性的全局点击事件监听与动作触发。文章首先介绍了在组件内部利用{{on}}修饰符结合data-*属性来处理事件的方法，随后深入讲解了通过在ApplicationRoute中使用window.addEventListener进行全局事件委托，以实现对带有特定属性的任意元素点击事件的集中式管理和响应，从而避免了重复的组件级配置。
2025-11-26 18:31:30
737
在localStorage中更新JSON对象特定键值的方法 localStorage只能存储字符串，因此无法直接修改其中JSON对象的特定键值。本文将详细阐述一种通用的更新策略：首先从localStorage中检索并解析目标JSON字符串为JavaScript对象，接着修改该对象的特定属性，最后将修改后的JavaScript对象重新序列化为JSON字符串并存储回localStorage，从而实现对复杂数据结构的精细化管理。
2025-11-26 18:31:00
105
在动态生成表格中高效获取下拉菜单选中项的JavaScript教程 本教程旨在详细讲解如何在包含动态生成行的HTML表格中，利用JavaScript高效地管理和获取下拉菜单（select）的选中值。我们将重点介绍事件委托（EventDelegation）这一核心技术，涵盖表格行的添加、删除以及实时和批量获取下拉菜单选中项的方法，确保代码的健壮性和可维护性。
2025-11-26 18:26:02
981
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部