通過js include將html文件包含在html中

Question

好的，我的任務是與這個第三方供應商合作，在他們的最后顯示電影時間。 我們有機會在網站的末端聯合品牌，因此，為了做到這一點，我們需要創建網站的包裝，以便電影時間可以在包裝中顯示，因此看起來仍然像您在我們網站上的樣子。一種選擇是通過js外部文件包含頁眉和頁腳，這樣我們可以在一側進行更改，並且更新將顯示在它們的一側，因此我們不必在每次進行更新時都發送新的頁眉/頁腳到包裝紙。 他們建議我們這樣做：

<script src="http://oursite.com/header.php"></script>
<script src="http://oursite.com/footer.php"></script>

因此，我在header.php中托管了原始html，然后在其他任何內容中將其添加到了header中：

<?php header("Content-type: text/javascript"); ?>

但是，當頁面加載時，出現此錯誤：

SyntaxError: syntax error

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" xml

我假設在js文件中包含原始html代碼有問題嗎？ 如果可以的話，這附近有沒有？

Answer 1

您應該添加指向正確的javascript的鏈接，以將所需的html推送到頁面。

<script src="http://oursite.com/[somejsfile].js"></script>

您可以從此答案中獲得有關如何使用javascript插入html元素的幫助

Answer 2

如果要使用javascript調用外部文件，則需要使用ajax。 那么問題就出在您要管理的站點上，而當您的域不匹配時則無法完成。

如果以包含的方式進行操作，則必須在javascript變量中聲明html，然后在加載時將數據推送到需要的位置。

 var html = '<html> YOUR CODE WATCH OUT FOR SINGLE QUOTES </html>';
 //check for load with jquery
 $(document).ready(function(){
   $('#header").html(html);
 })

通過js include將html文件包含在html中

問題描述

2 個解決方案

解決方案1
0 已采納 2013-05-17 23:02:52

解決方案2
0 2013-05-17 23:03:18

通過js include將html文件包含在html中

問題描述

2 個解決方案

解決方案1 0 已采納 2013-05-17 23:02:52

解決方案2 0 2013-05-17 23:03:18

解決方案1
0 已采納 2013-05-17 23:02:52

解決方案2
0 2013-05-17 23:03:18