JavaScript資料在不同頁面的傳遞(URL引數獲取)
阿新 • • 發佈:2021-12-20
中,我們常常遇到這種情況,當我們在某個頁面輸入資訊的時候,會跳轉到另一個頁面,並且會將我們輸入的資訊傳遞到另一個頁面中,怎樣操作呢?
今天,我們就來實戰一下,比如,現在有兩個頁面,當我們在一個頁面輸入使用者資訊的時候,就會跳轉到另一個頁面並顯示,xx歡迎登入的介面。
先來看看設計思路:
- 第一個登入頁面,裡面有提交表單,
action
提交到index.html
頁面 - 第二個頁面,可以使用第一個頁面的引數,這樣實現了一個數據不同頁面之間的傳遞效果
- 第二個頁面之所以http://www.cppcns.com可以使用第一個頁面的資料,是利用了URL 裡面的
location.search
- 在第二個頁面中,需要把這個引數提取。
- 第一步利用
substr
去掉 ? - 第二步 利用split(‘=‘)分割 鍵 和 值
- 第一個陣列就是鍵 第二個陣列就是值
實現程式碼為:
<body>
&lVUUYXqZRrAt;form action="index.html">
使用者名稱:<input type="text" name = 'uname'>
<input type="submit" value="提交">
</form>
</body>
<body> <div><span style="font-weight:700; colVUUYXqZRrAor:blue"></span>歡迎登入!</div> <script> var span = document.querySelector('span');//獲取span標籤 var myName = location.search.substr(1);//得到上一個頁面輸入的引數 var arr = myName.split('=');//利用=號分割 鍵 和 值 span.innerHTML = arr[1] VUUYXqZRrA+ ''//將資料傳入span </script> </body>
執行效果為:
到此這篇關於資料在不同頁面的傳遞(URL引數獲取)的文章就介紹到這了,更多相關Script資料在不同頁面的傳遞 內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!