簡體   English   中英

將完整的 html 頁面源代碼保存在 Javascript 變量中

[英]Save full html page sourcecode in a Javascript variable

我搜索將 html 頁面中的源代碼保存在 Javascript 變量中的最佳方法。 html 源代碼加載了 php 和 mysql,例如如下所示:

<!DOCTYPE html>
<html>
<body>

<h2>HTML Images</h2>
<p>HTML images are defined with the img tag:</p>

<img src="w3schools.jpg" alt="W3" width="104" height="142">

</body>
</html>

如果我嘗試簡單地將其保存到變量

var html        = "<?php echo $my_html; ?>";

我得到不同的錯誤。 例如Uncaught SyntaxError: Unexpected token '<' 我認為原因是$my_html的內容中有引號,換行符,特殊字符等。 當然,我可以將之前的 html 內容保存到一個不可見的 textarea 中,然后將 textarea 的內容保存到變量中。 但是沒有其他/更好的方法嗎?

您不需要單獨設置 JavaScript 變量。 document.documentElement.outerHTML; 是對 HTML 內容的引用。

 var markup = document.documentElement.outerHTML; console.log(markup)
 <!DOCTYPE html> <html> <body> <h2>HTML Images</h2> <p>HTML images are defined with the img tag:</p> <img src="w3schools.jpg" alt="W3" width="104" height="142"> </body> </html>

由於您使用的是 PHP,我建議在設置 JS 變量之前使用本機函數。 你試過addslashes()嗎?

 <!DOCTYPE html> <html> <body> <?php $str = addslashes('What does "yolo" mean?'); echo($str); ?> </body> </html>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM