1

私は現在これをやっています：

<div id="textChange" style="display:none;">Blah blah</div>
<script type="text/javascript">
var d = new Date();
var funnyDate = (d.getFullYear() + "" + (d.getMonth()+11) + "" + (d.getDate()+10));
if((funnyDate>=20131916) && (funnyDate<=20131923))
{
document.getElementById("textChange").style.display ="block";
}
</script>

スクリプトを外部 JS ファイルに移動したいと考えています。それ、どうやったら出来るの？私は私のために働いていないようです。

ありがとう。

4

7 に答える 7

2

#textChangeこのスクリプトをdiv の後に含めると、機能します。たとえば、</body>タグを閉じる前に:

...
<script src="funny-script.js" type="text/javascript"></script>
</body>

これが最も簡単な方法です。DOMContentLoadedまたはイベントでこのコードを実行することもできますがwindow.onload、スクリプトが何をしているのかを見ると、意味がないと思います。

于 2013-03-12T19:38:57.407 に答える
1

これを行う 1 つの方法は、関数を作成し、これを js ファイルに含めることです。

function style_changer(){

var d = new Date();
var funnyDate = (d.getFullYear() + "" + (d.getMonth()+11) + "" + (d.getDate()+10));
if((funnyDate>=20131916) && (funnyDate<=20131923))
  {
    document.getElementById("textChange").style.display ="block";
  }
}

たとえば、HTMLで、この関数を含むjsファイルへの参照を指定します

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

これをセクションに含めることができ、機能するはずです

于 2013-03-12T19:42:31.727 に答える
1

1-メモ帳またはメモ帳++、またはテキストエディターとして使用するものを開きます。

2-タグなしでjavascriptコードをテキストエディターにコピーします

var d = new Date();
 var funnyDate = (d.getFullYear() + "" + (d.getMonth()+11) + "" + (d.getDate()+10));
  if((funnyDate>=20131916) && (funnyDate<=20131923))
{
document.getElementById("textChange").style.display ="block";
  }

3-任意の名前でファイルを保存し、.js 拡張子をファイルに追加することを忘れないでください。たとえば、ファイルを「test.js」として保存します。

4-「test.js」をhtmlページと同じディレクトリにコピーします。

5-この行をhtmlページに追加します 

<script type="text/javascript" language="javascript" src="test.js"></script>
于 2013-03-12T19:41:02.333 に答える
0

内容を含むファイルを保存しますscript.js。

var d = new Date();
var funnyDate = (d.getFullYear() + "" + (d.getMonth()+11) + "" + (d.getDate()+10));
if((funnyDate>=20131916) && (funnyDate<=20131923))
{
    document.getElementById("textChange").style.display ="block";
}

このタグを HTML ドキュメント内に配置します。の直前に配置すると、スクリプトが読み込まれて実行される前に要素が DOM に存在する</body>ことがわかります。textChange

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

script.jsが HTML ドキュメントと同じディレクトリにあることを確認してください。

于 2013-03-12T19:40:06.483 に答える
0

以下のコードを関数に入れます

ステップ1：

function onLoadCall()
var d = new Date();
var funnyDate = (d.getFullYear() + "" + (d.getMonth()+11) + "" + (d.getDate()+10));
if((funnyDate>=20131916) && (funnyDate<=20131923))
{
document.getElementById("textChange").style.display ="block";
}
}

ステップ2：-

ページの読み込み時にその関数を呼び出す

<body onload='onLoadCall()'>
...
</body>

step3:-スクリプトを別のファイルに移動すると、動作します

于 2013-03-12T19:40:17.320 に答える
0

スクリプトを別のファイルに入れて yourScript.js という名前を付け、最後にファイルに含めます

スクリプト ファイル内にコードを追加する

function changeFunnyDate(){
    var d = new Date();
     var funnyDate = (d.getFullYear() + "" + (d.getMonth()+11) + "" + (d.getDate()+10));
      if((funnyDate>=20131916) && (funnyDate<=20131923))
    {
    document.getElementById("textChange").style.display ="block";
      }
}

最後に、ファイルにスクリプトを追加してメソッドを呼び出します

<script src="yourScript.js" type="text/javascript"></script>
于 2013-03-12T19:41:37.383 に答える
0

スクリプト タグ間のすべてを取得し、別のファイルに配置します。ファイル拡張子を付けてこのファイルを保存する必要があり.jsます。として保存したとしましょうtextChange.js。

最も簡単な方法は、タグの直後にスクリプト ファイルをインクルードすることです<div>。つまり、基本的に<script>タグとコードが以前あった場所に、次のように記述します。

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

これは、「textChange.js」が HTML ファイルと同じフォルダーにあることを前提としています。

...

しかし、それは簡単すぎるでしょう。一般に、HTML ファイルの に<script>タグを配置することをお勧めします。<head>上記の行を head に移動することはできますが、スクリプトは実行する前にロードされます。スクリプトは<div>実行しようとしますが、div が見つからないため失敗します。したがって、ドキュメントの準備ができたときにのみ実行されるように、スクリプト ファイル内のコードの周りに何かを配置する必要があります。

これを行う最も簡単な方法 (そしてもっと良い方法があるかもしれません) は、次のように書くことです...

window.onload = function () {
    var d = new Date();
    var funnyDate = (d.getFullYear() + "" + (d.getMonth()+11) + "" + (d.getDate()+10));
    if ((funnyDate>=20131916) && (funnyDate<=20131923))
        {
            document.getElementById("textChange").style.display ="block";
        }
}

これは、スクリプトが head の本来あるべき場所にあり、操作対象の div を含むページ全体の準備が整ったときにのみ実行されることを意味します。

お役に立てれば。

于 2013-03-12T19:46:20.307 に答える