使用JavaScript替换和修改网页链接

2021-12-27 25阅读 1评论

文章最后更新时间:2022年01月20日

 有时候我们会需要修改当前页面里的url中的某个参数的值,动态地调整一些参数的数据,既人性化又利于搜索引擎的优化。下面是利用javascript修改url中某个参数的值的具体思路。

/* 
* url 目标url 
* arg 需要替换的参数名称 
* arg_val 替换后的参数的值 
* return url 参数替换后的url 
*/ 
function changeURLArg(url,arg,arg_val){ 
    var pattern=arg+'=([^&]*)'; 
    var replaceText=arg+'='+arg_val; 
    if(url.match(pattern)){ 
        var tmp='/('+ arg+'=)([^&]*)/gi'; 
        tmp=url.replace(eval(tmp),replaceText); 
        return tmp; 
    }else{ 
        if(url.match('[\?]')){ 
            return url+'&'+replaceText; 
        }else{ 
            return url+'?'+replaceText; 
        } 
    } 
    return url+'\n'+arg+'\n'+arg_val; 
}

  使用方法如下:

changeURLArg('https://www.williamlong.info/?max-results=20&id=2','max-results',100);

  下面是上述功能的一个应用,在Google Blogger里,默认的标签显示数目是20个,我们通过JavaScript可以将标签显示数目修改为100个。具体的修改方法如下,打开Blogger的后台,点“布局”,增加一个“ HTML/Javascript”的 Sidebar Widget,其代码如下:

<script type="text/javascript">
function changeURLArg(url,arg,arg_val){ 
    var pattern=arg+'=([^&]*)'; 
    var replaceText=arg+'='+arg_val; 
    if(url.match(pattern)){ 
        var tmp='/('+ arg+'=)([^&]*)/gi'; 
        tmp=url.replace(eval(tmp),replaceText); 
        return tmp; 
    }else{ 
        if(url.match('[\?]')){ 
            return url+'&'+replaceText; 
        }else{ 
            return url+'?'+replaceText; 
        } 
    } 
    return url+'\n'+arg+'\n'+arg_val; 
} 
document.getElementById("Blog1_blog-pager-older-link").href = changeURLArg(document.getElementById("Blog1_blog-pager-older-link").href,"max-results",100) ;
</script>

  之后保存即可。

使用JavaScript替换和修改网页链接 第1张

 

版权声明
  本站致力于为模板爱好者提供国内外插件开发技术和模板共享,着力为用户提供优资资源。
  本站提供的所有下载文件均为网络共享资源,请于下载后的24小时内删除。如需体验更多乐趣,还请支持正版。
  我站提供用户下载的所有内容均转自互联网。如有内容侵犯您的版权或其他利益的,请编辑邮件并加以说明发送到站长邮箱。
  站长会进行审查之后,情况属实的会在三个工作日内为您删除。
文章版权声明:除非注明,否则均为天空博客原创文章,转载或复制请以超链接形式并注明出处。
您需要 登录账户 后才能发表评论

发表评论

表情:
评论列表 (有 1 条评论,25人围观)
网友昵称:文曦☭
文曦☭V普通用户2021-12-27沙发 回复 Google Chrome 86.0.4240.198 Windows 10 x64
javascript修改url中某个参数的值的具体思路