西安网站建设
在线咨询

扫描二维码分享到微信

javascript获取浏览器网页地址栏的id-js获取网页地址栏的id

2020-09-22

获取网页地址栏后面的值

输出的ID为浏览器?id=后面的值

可以用于跳转页面后给对应元素添加动态效果

代码如下

//获取网页地址栏的id后的值
(function ($) {
     $.getUrlParam = function (name) {
         var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
         var r = window.location.search.substr(1).match(reg);
         if (r != null) return unescape(r[2]); return null;
     }
})(jQuery);
console.log($.getUrlParam('id'));   //输出的id为浏览器地址栏?id=之后的字符(如那么输出的值就是5)

如果我在后面添加一段js代码

代表的意思就是 给num赋值id的值,减1的作用是如果传过来的值是1开始,需要减1,因为js初始序号为0

然后给ID为world-map的值添加一个active状态,就可以添加对应效果了

var num = $.getUrlParam('id') - 1;
$("#world-map").children(".psa:eq('"+num+"')").addClass("active");
 


标签: javascript JS 获取网页地址栏的id 网页地址 浏览器

上一篇:phpStudy2016自定义PHP版本-支持php7.1 php7.2 php7.3php7.4.4版本,只支持php5.3.0以后的任意版本
下一篇:phpcms 更换新编辑器ckeditor4.8如何去掉图片宽度,高度(ck4.4-ck4.8以上编辑器)

网站栏目

建站知识 前端设计 酷站欣赏 网站优化 网络营销 网站安全 行业新闻 公司新闻 建站工具


最新文章

PHPCMS整站兼容https修改方案

PHPCMS V9最完整的兼容https修改方案 涉及后台内容管理和分页PHPCMS V9最完整的兼容...

PHPCMS验证码图片不显示故障解决

phpcms验证码为什么会不显示?验证码不显示原因分析PHPCMS验证码不显示解决方法  服...

phpcms增加文章随机点击数

phpcms v9增加文章随机点击数的方法:找到文件count php(网站根目录 api)查找第50...

多个域名解析ip批量查询

多个域名解析ip批量查询,蜘蛛池

伪静态规则在线互转平台-apache

伪静态规则在线互转平台-apache和nginx伪静态规则转换工具(网址收藏)https: www to...


相关内容

jquery下载所有版本(实时更新

jquery下载所有版本(实时更新)-引用源-js加速引用-第三方CDN加速服务加载js。插件描...

jquery加速和css加速:使用第三

jquery加速和css加速:使用第三方CDN加速服务加载js css bootstrap

拖拽的方式生成网页 VvvebJs

VvvebJs是一个开源的网页拖拽自动生成的JavaScript库,你可以以简单拖拽的方式生成自己...

正则生成-Json格式化-Js/Html压

正则生成-Json格式化-Js Html压缩、格式化、加密压缩http: www jsons cn


COPYRIGHT (©)2018-2019 西安黑米网络 | 西安网站建设 |  百度地图 |  最新文章|  网站地图|  TAG标签 |  会员登录  |  会员注册  |  最近更新时间: 2020-09-22 17:19:01