js如何將一個(gè)body標(biāo)簽的內(nèi)容post到另一個(gè)頁(yè)面顯示出來(lái)而
當(dāng)前位置：點(diǎn)晴教程→知識(shí)管理交流
→『 技術(shù)文檔交流 』
 ：js如何將一個(gè)body標(biāo)簽的內(nèi)容post到另一個(gè)頁(yè)面顯示出來(lái)而 以下是一個(gè)簡(jiǎn)單的示例代碼，演示如何使用Javascript將一個(gè)body標(biāo)簽的內(nèi)容post到另一個(gè)頁(yè)面并顯示出來(lái)： ```html <!-- index.html --> <!DOCTYPE html> <html> <head> <title>Post Body Content</title> </head> <body> <h1>Post Body Content</h1> <p>This is the content that will be posted to the other page.</p> <button onclick="postBodyContent()">Post Content</button> <script> function postBodyContent() { var bodyContent = document.body.innerHTML; var form = document.createElement('form'); form.method = 'POST'; form.action = 'display.html'; var input = document.createElement('input'); input.type = 'hidden'; input.name = 'bodyContent'; input.value = bodyContent; form.appendChild(input); document.body.appendChild(form); form.submit(); } </script> </body> </html> ``` ```html <!-- display.html --> <!DOCTYPE html> <html> <head> <title>Display Body Content</title> </head> <body> <h1>Display Body Content</h1> <div id="displayContent"></div> <script> window.onload = function() { var urlParams = new URLSearchParams(window.location.search); var bodyContent = urlParams.get('bodyContent'); document.getElementById('displayContent').innerHTML = bodyContent; } </script> </body> </html> ``` 在這個(gè)示例中，當(dāng)用戶點(diǎn)擊按鈕時(shí)，Javascript會(huì)捕獲當(dāng)前頁(yè)面的body內(nèi)容，并將其作為隱藏輸入字段的值，然后將這個(gè)表單提交到另一個(gè)頁(yè)面（display.html）。在display.html頁(yè)面加載時(shí)，Javascript會(huì)從URL參數(shù)中獲取bodyContent的值，并將其顯示在頁(yè)面上。這樣就可以實(shí)現(xiàn)將一個(gè)body標(biāo)簽的內(nèi)容post到另一個(gè)頁(yè)面并顯示出來(lái)的功能。
該文章在 2023/12/12 17:39:35 編輯過(guò) |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... 
|
400 186 1886
