2012-02-23 13 views
0

私はPHPを使用しています(HTML & jQuery)。 &「otherFile.notSureWhatExt」私は「index.htmlを」にコードを壊したく、これは私のオリジナルの作業「の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:

<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:

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

、私は単純にファイル= "otherFile.anyCustomExtAlsoWorks" %>を含める<%の@を使用することができます。しかしここで私は今ではありません。私が望むのは、index.htmlを呼び出すときです。メッセージボックス "This is part 1"と、 "これはパート2です" & "Hello"というボトムの2 divを見ることができます。

答えて

0

でそれを含めることができます。あなたはPHPを使用しているので、あなたはPHPを使用している任意の方法。しかし、ここでfile1.phpまたはfile1.htmlはfile2.phpに含めることができます。これは、php/htmlファイルはPHPファイルに含めることができますが、別のhtmlには含まれません。 http://webdesign.about.com/od/ssi/a/aa052002a.htmhttp://www.boutell.com/newfaq/creating/include.htmlのいずれかのディスカッションが行われました。 How to include one HTML file into another?

+0

ヒントありがとう。 – Coisox

0

拡張子は.jsで、そのファイルから<スクリプト>タグを削除する必要があります。

タイプはtext/javascriptですが、ブラウザでは無視されるため、必須ではありません。

+0

私は理解を深めるために私の質問を洗練しました。 – Coisox

2

.jsファイルにjavascriptを入れることができます。スクリプトタグは必要ありません。

あなたは、私はそれが「サーバー側が含まれる」を介して行うことができると思う

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

どういうわけか、うまくいきませんでした。私がotherFileで警告(p1)をすると、firebugはp1が定義されていないと言っています – Coisox

関連する問題