js获取浏览器地址的参数,iframe刷新保持当前页思路

获取浏览器地址的参数js:

 $.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;
  };

———————————————————————————————————————————————

关于iframe有个好的展现形式和思路,可以让页面刷新也保持在当前页面。首先看一下URL:
http://localhost:8080/quartz/main.shtml#task/cron.shtml 普通iframe URL进入主页之后固定的url,这个大致思路也能看的出来在固定的url后面跟上#xx/xx/xx.html,实际上是子页面的路径,这样每次我们访问页面的时候需要读取下当前url然后截取#后面的子url来给子页面跳转。
在这里插入图片描述页面展示是这样的形式,部分代码

var url = window.location.hash;
if (url != "") {
    url = url.replace("#", "");
    $("iframe").attr("src", url);
    $(".treeview-menu li[data-src='" + url + "']").addClass("active")
}
$(".treeview-menu li").click(function() {
    var src = $(this).attr("data-src");
    $("iframe").attr("src", src);
    $(this).addClass("active")
})

这个图片上href=“#xx/xx/xx”不知道是否会自动赋值到主页url后面来没测试过。具体思路就是每次页面带上子页面路径,主页这函数每次刷新页面都会执行检查url方法 来跳转#后面的子页面(造成一种单页面的假象)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值