2

これは恐ろしく初心者の質問だと思いますが、さまざまな方法を試して何日も修正しようとしてきたので、どうしますか？

仕事で使用する Web プログラムを作成しようとしていますが、次のように設定しています。

Windows 7 IE 7 - アップグレードできません。

「ウェブサイト」はウェブホストではありません。基本的に、デスクトップにhtml/css/jsファイルを含むフォルダーがあり、ホストなしでIEを使用してスクリプトを実行します。

主に文字列である var のセットを外部の JS ファイルに保持し、その JS を別の HTML ページにプルしたいと考えています。ドキュメントの読み込み時に書き込みたい..準備ができていません。ユーザー動的である必要はありません。

また、jsファイルを作成するとき、ヘッダーが必要ですか.. HTMLにはdoctypeがありますか?

私は学ぼうとしており、ここから独力で続けるので、あなたの助けに本当に感謝しています. 私のセットアップはほとんどのセットアップとは大きく異なり、どの部分が問題を引き起こしているのかわからないため、最終的に故障して投稿しました。

4

2 に答える 2

1

JavaScript ファイルを作成する場合、ヘッダーや doctype は必要ありません。たとえば、次のような variables.js ファイルを作成できます。

var x = "abc";
var y = "def";

次のような variables.js を含む多くの HTML ファイルがあります。

<!doctype html>
<html lang=en>
  <head>
    <meta charset=utf-8>
    <title>title</title>
  </head>
  <body>
    <!-- page content -->
    <script src="variables.js"></script>
    <script>
      alert(x);
    </script>
  </body>
</html>

変数はそこで利用できるはずです。variables.js への参照の後に含まれるスクリプトは、イベントをリッスンする必要なく、以前に含まれていたすべてのものにアクセスできる必要があります。

イベントをリッスンする必要がある場合は、jQuery またはその他の JavaScript フレームワークを使用することをお勧めします。jQuery の例は次のようになります。

$(window).load(function() {
  alert(x);
});

DOM 要素を変更するより高度な例:

<!doctype html>
<html lang=en>
  <head>
    <meta charset=utf-8>
    <title>title</title>
  </head>
  <body>

    <p>Select variable:</p>
    <p>
      <a href="#" id="show-x">Show x</a>
      <a href="#" id="show-y">Show y</a>
    </p>
    <p>Value:</p>
    <p id="value"></p>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="variables.js"></script>
    <script>
      $('#show-x').click(function (e) {
        e.preventDefault();
        $('#value').html(x);
      });
      $('#show-y').click(function (e) {
        e.preventDefault();
        $('#value').html(y);
      });
    </script>

  </body>
</html>
于 2013-05-24T01:15:08.493 に答える
0

グローバル変数ではない場合、関数で定義されたローカルスコープがあるため、表示/印刷/アクセスなど、それを呼び出すことはできません。

おそらく、単にデバッグするためだけにデバッガを使用できます

于 2013-05-24T00:54:51.250 に答える