欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  新闻

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

程序员文章站 2022-04-02 16:41:20
有时候我们会需要修改当前页面里的url中的某个参数的值,动态地调整一些参数的数据,既人性化又利于搜索引擎的优化。下面是利用javascript修改url中某个参数的值的具体思路。/** url 目标u...

  有时候我们会需要修改当前页面里的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);

  下面是上述功能的一个应用,在里,默认的标签显示数目是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替换和修改网页链接