导航:首页 > 编程语言 > js修改地址栏参数

js修改地址栏参数

发布时间:2021-03-21 07:07:37

㈠ 急求一个js读取URL参数改变页面内容的代码

在页面包含以下Javscript代码:
<script>
//捕获querystring,此句代码也可以放到getPara函数中
var urlPara = location.search;
//分析参数
function getPara(paraName){
var reg = new RegExp("[&|?]"+paraName+"=([^&$]*)", "gi");
var a = reg.test(urlPara);
return a ? RegExp.$1 : "";
}
//捕获参数并进行操版作权
window.onload = function(){
var img = getPara("imgurl"); //捕获到imgurl参数
document.getElementById("myImg").src = img; //假设页面上显示图片的img标签的id为myImg
}
</script>

㈡ 如何使用js获取修改URL

使用js对当前的URL进行操作,可以使用内置对象window.location;
window.location有以下属性:
window.location.href:取得当前地址栏中的完整URL,可以通过赋值改变当前地址栏中的URL;
window.location.search 取得当前URL的参数部分,即“?”后面的部分(包括问号),可以通过赋值改变URL的参数部分;
window.location.hash:取得当前URL中包含的锚记,即“#”后面的部分(包括#),可以通过赋值改变URL的锚记部分;
window.location.host:取得当前URL中的主机信息,包括端口号,可以通过赋值改变主机信息;
window.location.hostname:取得当前URL中的域名部分,不包括端口号,可以通过赋值改变域名;
window.location.port:取得当前URL中的端口号,可以通过赋值改变端口号;
window.location.pathname:取得当前URL中的路径信息,即域名与参数之间的部分,可以通过赋值改变当前URL的路径;
window.location.protocol:取得当前URL的协议部分,比如http:,https:等,可以通过赋值改变URL的协议部分;
window.location有一下方法:
window.location.replace(url):用传入的URL字符串替代当前的URL,该方法会将历史记录中的URL一并替换掉,也就是说,这个方法会覆盖之前的历史记录;
window.location.reload():重新加载当前URL,相当于刷新;
window.location.assign(url):加载传入的URL,该方法不会覆盖之前的历史记录;

㈢ JS问题 如何在JS中修改<URL>中param的值

用location.href.substring(location.href.indexOf("?") + 1)取url存入queryString,然后parameters=queryString.split("&"),循环parameters,
取等号位置pos = parameters[i].indexOf('=');if(pos == -1) { continue; }

取name和value
paraName = parameters[i].substring(0, pos);
paraValue = parameters[i].substring(pos + 1);
if(paraName == retStr) {
return unescape(paraValue);
}

之后可以根据code=返回的值,用replace("",“cdoe=456”内)替换,不知道你是不是要这样容的

㈣ js 动态改变background:url()值

可以复用字符串拼接的方法将变量传到制url中。

1、新建html文档,在body标签中添加一个div标签,为这个div标签设置一个北京图片,然后引入jQuery文件

㈤ js如何获取地址栏传递的参数值

|采用正则表达式获取地址栏参数:

function GetQueryString(name)
{
var reg = new RegExp("(^|回&)"+ name +"=([^&]*)(&|$)");
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"));

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

1.查询location.search,获取问来号后源的字符串;
2.用正则或者其它方式获取catelogID的值;
3.用id或者tag查询到对应的img元素;
4.设置img元素的src地址为你构造好的地址;
5.思路就这样了

㈦ JS地址栏取值并赋值给ID

如下代码可以实现,运行了试试吧:

<script>
window.onload=function(){
varurl=location.search;//获取url
if(url.indexOf("?")!=-1){//如果url里有?号
varstr=url.substr(1);//获取?后面的字符串
if(str.length>0){//获取到
varpa=document.getElementsByTagName("param");//获取所有param
for(vari=0;i<pa.length;i++){//循环所有param
if(pa[i].name=="url")//如果param的name=url
pa[i].value=str;//把值赋值给value
}
}
}
alert(document.getElementById("div1").innerHTML);//显示结果
};
</script>
<divid="div1">
<PARAMNAME='url'VALUE=''>
</div>

㈧ Js中如何修改页面的地址

低阶:
用锚点。
location.hash = 'a';
然后监听hashchange事件,进行页面渲染。由于hash值发生变化,效果内相当于切换页面,容支持F5刷新(不过需要处理hash值)。对于不支持hashchage的浏览器得用定时器去刷hash值以监控其变化。

高阶:
HTML5中对history进行了完善,可以搜索pushState以了解相关知识。可以做到页面不刷新修改URL地址,并触发事件,JS监听事件起ajax就可以了。

㈨ js怎么通过改变 url参数值来改变现实内容

你好,就用你给的“date=11”这个网址来举例,我写了下面的代码,直接就可以获取date参数的值:

vard=location.search.substr(location.search.indexOf('date=')).replace("date=","");

如果需要解释,请追问。很高兴为你解答。

㈩ js如何获取地址栏的参数

我下面的JS代码可以在浏览器上输出所有的参数和值,没有参数的时候输出“没有参数”:

<script language="javascript">
var url=window.location.search;
if(url.indexOf("?")!=-1)
{
var str = url.substr(1)
strs = str.split("&");
for(i=0;i<strs.length;i++)
{
document.write([strs[i].split("=")[0]],'=',unescape(strs[i].split("=")[1]),'<br>');
}
}else document.write('没有参数');
</script>

你现在需要获取id的值,很简单,把我的程序代码改成如下:

<script language="javascript">
var id='';
var url=window.location.search;
if(url.indexOf("?")!=-1)
{
var str = url.substr(1)
strs = str.split("&");
for(i=0;i<strs.length;i++)
{
if([strs[i].split("=")[0]]=='id') id=unescape(strs[i].split("=")[1]);
}
}
</script>

阅读全文

与js修改地址栏参数相关的资料

热点内容
网络中常用的传输介质 浏览:518
文件如何使用 浏览:322
同步推密码找回 浏览:865
乐高怎么才能用电脑编程序 浏览:65
本机qq文件为什么找不到 浏览:264
安卓qq空间免升级 浏览:490
linux如何删除模块驱动程序 浏览:193
at89c51c程序 浏览:329
怎么创建word大纲文件 浏览:622
袅袅朗诵文件生成器 浏览:626
1054件文件是多少gb 浏览:371
高州禁养区内能养猪多少头的文件 浏览:927
win8ico文件 浏览:949
仁和数控怎么编程 浏览:381
项目文件夹图片 浏览:87
怎么在东芝电视安装app 浏览:954
plc显示数字怎么编程 浏览:439
如何辨别假网站 浏览:711
宽带用别人的账号密码 浏览:556
新app如何占有市场 浏览:42

友情链接