使用外部JavaScript文件来改变显示器上的div

我目前这样做：使用外部JavaScript文件来改变显示器上的div

<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文件。我怎么做？我似乎没有为我工作。

谢谢。

来源

2013-03-12 user2162580

什么不正确？错误会有帮助。 – Diemuzi 2013-03-12 19:54:24

包括此脚本后#textChange股利，它会工作。例如在关闭前</body>标记：

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

这是最简单的方法。您也可以在DOMContentLoaded或window.onload事件上运行此代码，但看看您的脚本在做什么，我不认为这会让人感兴趣。

来源

2013-03-12 19:38:57 dfsq

用内容保存名为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-12 19:40:06 Bart

把这个下面的代码在一个函数

第一步：

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"; 
} 
}

第二步： -

调用页面加载功能

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

第三步： - 现在将脚本移动到另一个文件，它将工作k

来源

2013-03-12 19:40:17

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”

将“test.js”复制到与html页面相同的目录中。

这条线在一个单独的文件，并将其命名为yourScript 5添加到HTML页面

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

来源

2013-03-12 19:41:02 OpEtMaR

认沽脚本。爵士终于将其包含在你的文件

添加代码的脚本文件中

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-12 19:41:37 nsgulliver

的一种方式，这是创建一个功能并将其包含在一个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"; 
    } 
}

现在在你的h TML给对包含此功能，例如

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

可以包括这在你的部分，应努力

来源

2013-03-12 19:42:31

把你的脚本标记之间的所有内容，并把它放在另一个文件中的JS文件。您应该使用.js文件扩展名保存该文件。假设你将它保存为textChange.js。

我们做的最简单的事情将是包括脚本文件只是你<div>标记之后 - 所以基本上在<script>标记和代码分别为前，写：

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

这假定“textChange。 js'与HTML文件位于同一个文件夹中。

...

但是，那太容易了！将<script>标记放置在HTML文件的<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-12 19:46:20 guypursey

使用外部JavaScript文件来改变显示器上的div

回答

相关问题