鍍金池/ 問答/HTML/ JS 跳轉(zhuǎn)頁面， URL地址欄數(shù)據(jù)獲取

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

這是去哪網(wǎng)點(diǎn)擊購買車票跳轉(zhuǎn)到訂單頁面的功能，代碼截圖如下：
clipboard.png

購買按鈕代碼：

<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>購&nbsp;&nbsp;買</span></a>

clipboard.png

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

回答
編輯回答
失魂人

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

2017年8月8日 12:51
編輯回答
蔚藍(lán)色

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

2017年9月5日 15:24
編輯回答
未命名

提供一個(gè)思路，跳轉(zhuǎn)是 window.location；localStorage 可以用來保存不同網(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; //獲取原來的url,拼上前面的data,跳轉(zhuǎn)頁面
2018年8月19日 18:31
編輯回答
小眼睛

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

2018年6月13日 16:08
編輯回答
拼未來

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

const url = window.location.href;
const a = document.getElementByClassName('g-btn-s');
//通過 getAttribute 獲取自定義屬性的值  
a.onclick = function() {
    const b = a.getAttribute('data-xxx');
    const c = url + '&data-xxx=' + b;
    window.location = c;
}
2017年12月10日 02:24