請問htmls裏面的html工作是分開的嗎？

我wodndoring如果我何干把一個html另一個HTML裏面，像這樣：請問htmls裏面的html工作是分開的嗎？

<html> 
     <head></head> 
     <body> 
     <html> 
     <head></head> 
     <body></body> 
     </html> 
     <html> 
     <head></head> 
     <body></body> 
     </html> 
     </body>  
    </html>

將每個HTML獨立工作，如果我有包括在他們每個人相同的js文件。我有一個表單圖像預覽，我想包括它幾次，但使用相同的ID的類和js，所以我不會檢查哪種形式我應該preform一定的行動。

編輯：但我也需要爲每個表單添加額外的元素，因爲表單的數量是基於用戶選擇的。我也有一個提交按鈕來發送數據到數據庫，我需要將這些東西添加到每個表單以知道發送的內容。所以基本上這些表單非常相似但不完全相同，使用php很容易添加這些額外的屬性，但我似乎無法將工作彼此分開，並且我爲每個選擇編寫不同的文檔，我需要超過100個。 - >爲何不使用iframe的

答：無論它是多麼的工作改變類和id的是這樣的

來源

2014-05-23 veili_13

否使用iframe。 – undefined

你打我吧@undefined – Hawk

但我也需要爲每個表單添加額外的元素，因爲表單的數量取決於用戶選擇的內容。我也有一個提交按鈕發送數據到數據庫，我需要將這些東西添加到每個表單，以瞭解我要發送的內容。所以基本上這些表單非常相似但不完全相同，使用php很容易添加這些額外的屬性，但我似乎無法將工作彼此分開，並且我爲每個選項編寫不同的文檔，我將需要超過100個。 –

你有一個外部HTML/PHP文件鏈接到您的主要問題的最有效方法文件如此。

mainfile.html

<html> 

    <head> 
    </head> 

    <body> 
    <iframe src="iframe.html" id="iframeid">Name of iframe</iframe> 
    </body> 

</html>

Iframe.html的

<html> 

    <head> 
    </head> 

    <body> 
    <form action="action.php" method="post/get"> 
    </form> 
    </body> 

</html>

來源

2014-05-23 09:33:41 Hawk

僅僅發佈一些代碼是不夠的，你需要詳細解釋你的答案，這樣每個人都可以很容易地理解你的建議。 – jokklan

請解釋您的代碼並提供答案。 – Luceos

得到它@jokklan，感謝您的意見從一幀 – Hawk

不，這將是無效的語法。

但是，如果您希望窗口內有窗口，則可以使用IFrame。

嘗試是這樣的（文件保存在同一目錄下）

main.html中：

<html> 
    <head> 
    </head> 
    <body> 
    <h1>Hello!</h1> 
    <iframe src="cats.html"></iframe> 
    </body> 
</html>

cats.html

<html> 
    <head> 
    </head> 
    <body style="background-color: #ff00ff"> 
    <h1>I like cats!</h1> 
    </body> 
</html>

你'二看到cats.html加載內main.html中

希望幫助:)

- 編輯 如果你真的需要保持相同的類，然後再嘗試這樣的事：

main.html中：

<html> 
    <head> 
    </head> 
    <body> 
    <h1>Hello!</h1> 
    <form> 
     <input type="text" id="cat"></input 
     <input type="submit">Submit</input> 
    </from> 
    <script> 
     window.setCatFormContent = function(content){$("#cat").val(content)}; 
    </script> 
    <iframe src="cats.html"></iframe> 
    </body> 
</html>

貓。html

<html> 
    <head> 
    </head> 
    <body style="background-color: #ff00ff"> 
    <h1>I like cats!</h1> 
    <input type="text" id="cat"></input> 
    <button id="sendCat">Kitty Button</button> 
    <script> 
     $("#sendCat").on("click", function(){ 
     window.parent.setCatFormContent($("#cat").val() 
     }); 
    </script> 
    </body> 
</html>

來源

2014-05-23 09:41:14 woverton

JS不會與另一架互動，除非你真的努力做到這一點無論是:) – woverton

我說，由於使用於iframe的一些編輯對不起這是以前沒有嘗試 –

我最近編輯 – woverton

請問htmls裏面的html工作是分開的嗎？

回答

相關問題