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

在您的 div 之后包含此脚本#textChange，它将起作用。例如在结束</body>标签之前：

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

这是最简单的方法。您也可以在DOMContentLoaded或window.onload事件上运行此代码，但看看您的脚本在做什么，我认为它没有意义。

于 2013-03-12T19:38:57.407 回答
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 回答
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 回答
0

将脚本标签之间的所有内容放入另一个文件中。.js您应该使用文件扩展名保存此文件。假设您将其另存为textChange.js.

现在最简单的做法是在<div>标签之后包含脚本文件——所以基本上<script>标签和代码之前的位置，写：

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

这假定“textChange.js”与您的 HTML 文件位于同一文件夹中。

...

但是，这太容易了！通常最好的做法是在HTML 文件中放置<script>标签。<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";
        }
}

这将意味着您的脚本位于它应该在的头部，并且它仅在您的整个页面准备好时执行，包括您想要操作的 div。

希望这可以帮助。

于 2013-03-12T19:46:20.307 回答
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 文档中。将它放在 之前，</body>这样您就会知道textChange在加载和执行脚本之前该元素将存在于 DOM 中。

<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 回答