導航:首頁 > 編程語言 > 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

友情鏈接