2014-05-23 16 views
0

我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的是这样的

+2

否使用iframe。 – undefined

+1

你打我吧@undefined – Hawk

+0

但我也需要为每个表单添加额外的元素,因为表单的数量取决于用户选择的内容。我也有一个提交按钮发送数据到数据库,我需要将这些东西添加到每个表单,以了解我要发送的内容。所以基本上这些表单非常相似但不完全相同,使用php很容易添加这些额外的属性,但我似乎无法将工作彼此分开,并且我为每个选项编写不同的文档,我将需要超过100个。 –

回答

0

你有一个外部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> 
+0

仅仅发布一些代码是不够的,你需要详细解释你的答案,这样每个人都可以很容易地理解你的建议。 – jokklan

+0

请解释您的代码并提供答案。 – Luceos

+0

得到它@jokklan,感谢您的意见从一帧 – Hawk

2

不,这将是无效的语法。

但是,如果您希望窗口内有窗口,则可以使用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> 
+0

JS不会与另一架互动,除非你真的努力做到这一点无论是:) – woverton

+0

我说,由于使用于iframe的一些编辑对不起这是以前没有尝试 –

+0

我最近编辑 – woverton