如何将JavaScript和html拆分为多个文件

我使用PHP，HTML & jQuery。比方说，这是我原来的工作“的index.html”如何将JavaScript和html拆分为多个文件

<script type="text/javascript" src="jquery.js"></script> 
<script> 
var p1 = "This is part 1"; 
var p2 = "This is part 2"; 
$(document).ready(function(){ 
    alert(p1); 
    $('#content').html(p2); 
}); 
</script> 
<div id="content"></div> 
<div id="content2">Hello</div>

我想打破代码为“index.html的” &“otherFile.notSureWhatExt”，但他们的工作，就好像在同一个文件。

的index.html：

<script type="text/javascript" src="jquery.js"></script> 
<script type="notSureWhatType" src="otherFile.notSureWhatExt"></script> 
<script> 
var p1 = "This is part 1"; 
$(document).ready(function(){ 
    alert(p1); 
}); 
</script> 
<div id="content"></div>

otherFile.notSureWhatExt：

<script> 
var p2 = "This is part 2"; 
$(document).ready(function(){ 
    $('#content').html(p2); 
}); 
</script> 
<div id="content2">Hello</div>

使用JSP，我可以简单地使用<％@包括文件= “otherFile.anyCustomExtAlsoWorks” ％>。但我现在不在这里。我想要的是当调用index.html时，我可以看到消息框“这是第1部分”和底部是2“div2”，这是“这是第2部分”&“你好”。

来源

2012-02-23 Coisox

包括它，我认为它可以通过“服务器端包含”来完成。任何你使用PHP的方式，所以你可以使用PHP。但是这里的file1.php或file1.html可以包含在file2.php中。这是一个PHP/HTML文件可以包含在一个PHP文件中，但不是另一个HTML中的一个HTML。你可以通过以下链接：http://webdesign.about.com/od/ssi/a/aa052002a.htm和http://www.boutell.com/newfaq/creating/include.html甚至一个讨论发生在 How to include one HTML file into another?

来源

2012-02-23 10:57:43

谢谢你的提示。 – Coisox 2012-02-23 22:54:49

扩展名应为.js，并从该文件中删除<脚本> -tags。

该类型为text/javascript - 但这不是必需的，因为它被浏览器忽略。

来源

2012-02-23 08:35:09 Magnar

人有我精我的问题的更好的理解。 – Coisox 2012-02-23 08:42:25

你可以把你的JavaScript放在一个.js文件中。脚本标记不是必需的。

可以再用

<script type="text/javascript" src="otherFile.js"></script>

来源

2012-02-23 08:35:15 mbuurman

不知何故，它没有奏效。当我在其他文件中警告（p1）时，萤火虫说p1未定义 – Coisox 2012-02-23 08:41:37

如何将JavaScript和html拆分为多个文件

回答

相关问题