js如何將一個body標簽的內容post到另一個頁面顯示出來而
當前位置：點晴教程→知識管理交流
→『 技術文檔交流 』
 ：js如何將一個body標簽的內容post到另一個頁面顯示出來而 以下是一個簡單的示例代碼，演示如何使用Javascript將一個body標簽的內容post到另一個頁面并顯示出來： ```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> ``` 在這個示例中，當用戶點擊按鈕時，Javascript會捕獲當前頁面的body內容，并將其作為隱藏輸入字段的值，然后將這個表單提交到另一個頁面（display.html）。在display.html頁面加載時，Javascript會從URL參數中獲取bodyContent的值，并將其顯示在頁面上。這樣就可以實現將一個body標簽的內容post到另一個頁面并顯示出來的功能。
該文章在 2023/12/12 17:39:35 編輯過 |
關鍵字查詢
相關文章
正在查詢... 
|
400 186 1886
