0

旅行ルートを提供する動的な Web サイトを構築していますが、JavaScript は初めてで、最適なコーディング方法がわかりません。

現在、要素ごとに個別の HTML ページを作成し、これらのページをメイン ページにロードすることで、サイトのさまざまな部分 (ヘッダー、メイン、フッター) をロードしています。たとえば、メインページには次のものがあります。

<body onload="initialize()">
   <div id="header"></div>
   <div id="main"></div>
   <div id="footer"></div>
</body>

そして、インポートされた JavaScript スクリプトには次のものがあります。

function initialize() 
{
   $('#header').load('header.html');
   $('#main').load('main.html');
   $('#footer').load('footer.html');
}

問題は、これら 3 つのインポートされたページすべてが、ルート情報や座標などを保存する単一の JavaScript ファイル内のグローバル変数と関数にアクセスできるようにすることです。親ページにロードされた header.html ページからのメイン JS スクリプトの関数。

これを行う最善の方法は何ですか？どんな助けでも大歓迎です！

4

3 に答える 3

2

jsすべてのクライアント側コードを含む単一のファイルを用意し、それを<script>タグ付きのページに含める必要があります。次に$( document ).ready()、初期化を実行します。ここでグローバル変数を定義して割り当て、後でアクセスできるようにすることもできます。

JavaScript インクルードは次のようになります。

var $header, $main, $footer

function initialize() 
{
   $header.load('header.html');
   $main.load('main.html');
   $footer.load('footer.html');
}

$(document).ready(function() {
  $header = $('#header');
  $main = $('#main');
  $footer = $('#footer');

  initialize();
});

作成するグローバル変数の数には注意してください。あなたが犯している 11 の JavaScript の間違い。

于 2013-03-11T02:23:03.170 に答える
0

グローバルにするために関数の外に置いてみましたか...

var <variable name>
function <function_name>{

<variable name>

}
于 2013-03-11T01:59:31.163 に答える
0

メインページで。

<script type="text/javascript">
    variable = <value>;   //variable used with var keyword is considered as global variable
</script>
于 2013-03-11T02:01:25.787 に答える