使用外部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

回答

相關問題