html 跳轉頁面傳參 點選獲取DOM引數

2022-08-11 22:45:19 字數 978 閱讀 2315

雖然現在前端框架已經很多,尤其是幾大流行框架,比如vue,react,angular 等,已經去dom化,但是還是有很多公司仍在使用 html + css + js 。

這裡記載一下用到的html傳參 問題。

一、頁面之間傳參:

html 頁面跳轉可以直接通過,給 href 賦值

1       $(document).on('click', '.detail', function

() )

? 傳參

1       $(document).on('click', '.detail', function

() &name=$`;

3 })

在新頁面獲取引數:

1 let url =location.search;

2 console.log(url); //

?id=44&name=guozheng

獲取的引數要轉化成json格式:封裝乙個函式

1

function

getparams() )11}

12return

obj;

13 }

這裡返回的 obj 就是包含所有 引數的 乙個物件。

二、獲取 dom 自定義的 屬性值。

html 結構:

1

js **:

這裡模仿的是 後台獲取資料 然後 拼接 dom 結構,將資料已自定義屬性的方式 繫結到 dom上。

1     let obj =

78 let info =json.stringify(obj);

910 let str = `法律價值度`11

1314 $('#test').on('click', function

() 17 })

html頁面跳轉方式 跳轉傳參

一,頁面跳轉方式 在原有的頁面 1.利用a標籤 素材2.jq跳轉 function add richtext item 二 頁面跳轉傳參 開啟新的頁面 a頁面寫法 url boke bokedetail list.html?bokeinfo id 此處拼接內容 window.open url b頁面...

vue頁面跳轉傳參問題傳參

vue 的頁面跳轉以及頁面之間傳參其實是乙個很常見的問題,但是整體上會使用的次數很多,有時候頁面的跳轉不需要引數,因為他屬於那種公共的,大家都可以看到。但是當乙個頁面屬於我們非公共的頁面時,我們就需要我們的資料跟著跳轉過來了,比如說我們的個人資訊或者是個人設定,這些都需要我們去帶著引數去請求,否則服...

django跳轉頁面傳參

1 如果在反轉url的時候,需要新增引數,那麼可以通過傳遞 kwargs 引數到 reverse 函式中。例項 登入成功跳轉頁面 return redirect reverse article kwargs else else err msg 使用者名稱或密碼有誤 return render req...