Как разбить JavaScript и HTML на несколько файлов

Question

Я использую PHP, HTML и JQuery.Допустим, это мой оригинальный рабочий файл "index.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, я могу просто использовать <% @ include file = "otherFile.anyCustomExtAlsoWorks"%>.Но здесь я не сейчас.То, что я хочу, при вызове index.html, я вижу окно сообщения «Это часть 1» и 2 div в нижней части, которая «Это часть 2» и «Привет».

Answer 1

Вы можете поместить свой javascript в файл .js.Теги скрипта не нужны.

Затем вы можете включить его с

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

Answer 2

Я думаю, что это можно сделать через «серверные включения».любым способом вы используете 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 и даже одно обсуждение произошло в Как включить один файл HTML в другой?

Answer 3

Расширение должно быть .js и удалить теги из этого файла.

Тип text/javascript - но это необязательно, так как оно игнорируется браузерами.