js获取url参数 如何改变当前页面内某个图片的地址?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js获取url参数 如何改变当前页面内某个图片的地址?相关的知识,希望对你有一定的参考价值。

我有个新闻模块页面都是ano_aticLink.aspx?CatalogeID=xxx
改变CatalogeID的值来改变新闻模块的新闻内容
但是我想在这个相同的模版页ano_aticLink.aspx中不同CatalogeID内改变一张图的地址
请高手指教?应该是先读取URL地址 从而改变IMG scr的 求代码。谢谢!

这个JS函数是用来获取url里面的参数的。
function request(paras)
var url = location.href;
var paraString = url.substring(url.indexOf("?")+1,url.length).split("&");
var paraObj =
for (i=0; j=paraString[i]; i++)
paraObj[j.substring(0,j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=")+1,j.length);

var returnValue = paraObj[paras.toLowerCase()];
if(typeof(returnValue)=="undefined")
return "";
else
return returnValue;


使用方法request(要获取的参数名称) ,例如request(id)
然后设置img的src值(后面我只所以带了一个时间参数,是因为IE下面图片缓存,刷新后还可能是原来的图片。 如果后面带有一个最新的时间参数,那么每次刷新都会加载一个新地址。就不会出现刷新了还是以前的图片这种情况)
(下面都是jquery的写法。)
var img_src = request(id)+‘?’+new Date();
$("#img").attr("src", ""+img_src+"");
<img id="img" src="" />
参考技术A 1.查询location.search,获取问号后的字符串;
2.用正则或者其它方式获取catelogID的值;
3.用id或者tag查询到对应的img元素;
4.设置img元素的src地址为你构造好的地址;
5.思路就这样了追问

如何具体写呢?

追答

具体实现要看html结构以及后台接口了,上面的思路比较简单,顺着写就行了

js获取url参数并传递到其他页面

js如何获取a页面url参数并传递到b页面,然后b页面获取这个id信息呢?

参考技术A function getQueryString(name) 
    var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
    var r = window.location.search.substr(1).match(reg);
    if (r != null) 
        return unescape(r[2]);
    
    return null;

// 这样调用:
alert(GetQueryString("参数名1"));alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));

参考技术B $(function()
var test= GetArgsFromHref(window.location.href, "n");
);

function GetArgsFromHref(sHref, sArgName)
var args = sHref.split("?");
var retval = "";
if (args[0] == sHref)
return retval;

var str = args[1];
args = str.split("&");
for (var i = 0; i < args.length; i++)
str = args[i];
var arg = str.split("=");
if (arg.length <= 1) continue;
if (arg[0] == sArgName) retval = arg[1];

return retval;

以上是关于js获取url参数 如何改变当前页面内某个图片的地址?的主要内容,如果未能解决你的问题,请参考以下文章

js获取url中指定参数的值(兼容hash)

如何使用js获取修改URL

js获取url参数并传递到其他页面

如何获取当前页面的url地址?

前端使用js如何准确获取当前页面url网址信息

js刷新当前页面