JS 跳轉(zhuǎn)頁(yè)面， URL地址欄數(shù)據(jù)獲取

這是去哪網(wǎng)點(diǎn)擊購(gòu)買(mǎi)車(chē)票跳轉(zhuǎn)到訂單頁(yè)面的功能，代碼截圖如下：

購(gòu)買(mǎi)按鈕代碼：

<a class="g-btn g-btn-commit g-btn-s" data-deptime="06:43" data-arrtime="12:39" data- key="undefined" data-status="2"data-jumpurl="/jump.htm?from=北京南&amp;to=上海虹橋&amp;date=20180106&amp;checi=G101&amp;zuoxi=二等座&amp;format=js&amp;isCheciBuy=false&amp;ex_track=&amp;r_source="href="javascript:;" action-type="buyJump"><span>購(gòu)&nbsp;&nbsp;買(mǎi)</span></a>

它這個(gè)跳轉(zhuǎn)是怎么做的？把參數(shù)傳到data- 自定義的屬性里面了是如何跳轉(zhuǎn)頁(yè)面？其次在地址欄里面的參數(shù)，如何在訂單頁(yè)獲取到再傳到車(chē)次信息列表里？我自己做了個(gè)跳不動(dòng)，是不是需要后臺(tái)配合？
鄙人自學(xué)的JS，學(xué)藝不精，有些問(wèn)題有點(diǎn)白癡，還望海涵！

回答

編輯回答

失魂人

1.跳轉(zhuǎn)頁(yè)面的url參數(shù)就是獲取的data-jumpurl的屬性。這個(gè)標(biāo)簽是有有其他的事件綁定了的。onclick什么的。
2.地址欄里的參數(shù)可以通過(guò)window.location得到，里面有很多不同的函數(shù)，你可以在console里打印看看就知道了

2017年8月8日 12:51

編輯回答

蔚藍(lán)色

javascript:;是偽協(xié)議，表示url的內(nèi)容通過(guò)javascript執(zhí)行。 javascript:;表示不作任何操作，這樣會(huì)防止鏈接跳轉(zhuǎn)到其他頁(yè)面。這么做往往是為了保留鏈接的樣式，但不讓鏈接執(zhí)行實(shí)際操作，具體的操作交給鏈接的onclick事件處理。

2017年9月5日 15:24

編輯回答

未命名

提供一個(gè)思路，跳轉(zhuǎn)是 window.location；localStorage 可以用來(lái)保存不同網(wǎng)址的數(shù)據(jù)共享，只要同源；

localStorage.data=forAlinkDataAttributes(Alink);//for 循環(huán)獲取 a 標(biāo)簽的data屬性數(shù)據(jù)或者用 dataset
localStorage.lastUrl=window.location;//保存數(shù)據(jù)
window.location=localStorage.lastUrl+localStorage.data; //獲取原來(lái)的url,拼上前面的data,跳轉(zhuǎn)頁(yè)面

2018年8月19日 18:31

編輯回答

小眼睛

跳轉(zhuǎn)是js另外寫(xiě)的，href="javascript:;"已經(jīng)禁止a標(biāo)簽的默認(rèn)跳轉(zhuǎn)了

2018年6月13日 16:08

編輯回答

拼未來(lái)

首先，href="javascript:;" 禁止a標(biāo)簽的默認(rèn)跳轉(zhuǎn)；
然后，

const url = window.location.href;
const a = document.getElementByClassName('g-btn-s');
//通過(guò) getAttribute 獲取自定義屬性的值  
a.onclick = function() {
    const b = a.getAttribute('data-xxx');
    const c = url + '&data-xxx=' + b;
    window.location = c;
}

2017年12月10日 02:24