月光博客 » 编程开发 » 使用JavaScript替换和修改网页链接

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

  有时候我们会需要修改当前页面里的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替换和修改网页链接

顶一下 ▲()   踩一下 ▼()

相关文章

发表留言