JS修改地址栏参数实例代码

 更新时间:2016年06月14日 11:17:57   作者:lsfhack  
本文给大家介绍js修改地址栏参数的实例代码,并给大家附上用JS动态改变地址栏内容 window.location.href window.location.hash的方法,比较实用,需要的朋友参考下吧

废话不多说了,直接给大家上干活了,我的风格,你懂得。。

关键代码如下所示:

function changeURLPar(destiny, par, par_value)
{
var pattern = par+'=([^&]*)';
var replaceText = par+'='+par_value;
if (destiny.match(pattern))
{
var tmp = '/\\'+par+'=[^&]*/';
tmp = destiny.replace(eval_r(tmp), replaceText);
return (tmp);
}
else
{
if (destiny.match('[\?]'))
{
return destiny+'&'+ replaceText;
}
else
{
return destiny+'?1=1&'+replaceText;
}
}
return destiny+'\n'+par+'\n'+par_value;
}

用JS动态改变地址栏内容 window.location.href window.location.hash

用window.location.hash 可以改变地址栏内容,而不用像改变wndow.location.href那样会提交。

改变hash后,地址栏后会加上#,,,,,这样子。这样可以解决AJAX无刷新状态下的页面所处的位置,也可以完成某些无刷新状态下的界面特效,好好利用前途无量。不错的东东。

相关文章

  • 脚本收藏iframe

    脚本收藏iframe

    脚本收藏iframe...
    2006-07-07
  • 动态显示可输入的字数提示还可以输入的字数

    动态显示可输入的字数提示还可以输入的字数

    这篇文章主要介绍了动态显示可输入的字数提示还可以输入的字数,需要的朋友可以参考下
    2014-04-04
  • 一个js封装的不错的选项卡效果代码

    一个js封装的不错的选项卡效果代码

    在论坛里经常看到人问选项卡或者类似选项卡的切换效果 这里封装了个js,希望对大家有用 所有代码都在下面了 如果有错误或者建议,可以回贴告诉我,谢谢
    2008-02-02
  • javascript中alert()与console.log()的区别

    javascript中alert()与console.log()的区别

    我们在做js调试的时候使用 alert 可以显示信息,调试程序,alert 弹出窗口会中断程序, 如果要在循环中显示信息,手点击关闭窗口都累死。而且 alert 显示对象永远显示为[object ]。 自己写的 log 虽然可以显示一些 object 信息,但很多功能支持都没有 console 好
    2015-08-08
  • freemarker判断对象是否为空的方法

    freemarker判断对象是否为空的方法

    FreeMarker是一个用Java语言编写的模板引擎,它基于模板来生成文本输出,用FreeMarker判断对象是否为空的方法大家知道吗,这篇文章就针对这个知道点做介绍,需要的朋友可以参考下
    2015-08-08
  • JS控制伪元素的方法汇总

    JS控制伪元素的方法汇总

    本文给大家介绍js控制伪元素的方法汇总,本文涉及到获取伪元素属性值的方法,本文介绍的非常详细,具有参考借鉴价值,感兴趣的朋友一起学习吧
    2016-04-04
  • 详解Layer弹出层样式

    详解Layer弹出层样式

    学习layer弹出框,之前项目是用bootstrap模态框,后来改用layer弹出框,在文章的后面,我会分享项目的一些代码,需要的朋友可以参考下
    2017-08-08
  • javascript iframe中打开文件,并检测iframe存在否

    javascript iframe中打开文件,并检测iframe存在否

    从iframe中打开文件,并检测iframe存在否如果说只是检测页面存在否,直接设置target用伪协议就可以解决了...
    2008-12-12
  • script标签属性type与language使用选择

    script标签属性type与language使用选择

    很多使用javascript的朋友都有着这样一个问题:script标签属性type与language使用应如何选择,为解决此疑惑,本文详细整理了一下,需要的朋友可以参考下
    2012-12-12
  • typescript路径别名问题详解与前世今生的故事

    typescript路径别名问题详解与前世今生的故事

    我们都知道只有正确引用路径,Typescript才不会提示报错,这篇文章主要给大家介绍了关于typescript路径别名问题详解与前世今生的故事,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2022-07-07

最新评论