2014-09-26 52 views
0

我正在模板上使用彈出代碼。我將Java腳本和HTML代碼插入到每個網頁的正文中。我無權訪問標題。我可以將代碼保存在單獨的文件中並在此處調用。如何調用Body標籤內的Javascript文件

我想將代碼寫入單獨的文件並在body標籤中調用它。我怎麼做。目前,彈出式窗口的HTML代碼和用於打開頁面加載的彈出窗口的Javascript代碼均位於body標籤中,並且工作正常。我想在body標籤中保留最少的代碼。我想寫這兩組代碼在不同的文件中,並在body標籤中調用它(順便說一句,由於每個頁面都有不同的cookie名稱,所以我必須在body標籤中包含cookie會話代碼)。我在這裏需要做些什麼以及需要做什麼?謝謝!

<!--popup header--> 
    <div class="popUpTitle"> 
     <span style="float:left; font-family: Lucida Grande; font-weight: bold; font-size:24px;margin-left:9px; margin-top:5px; color: #353535;"> 
      Newsletter Sign Up 
     </span> 
     <span onClick="closePopUp()" > 
      <img alt="Close Popup" src="location/images/close.png" width="28px" height="27px"></span> 
    </div> 
<!--rest of the popup information--> 

的Javascript體內標籤上面的代碼之後。

<script type="text/javascript"> 
var link; 
if(getCookie("was_here_before3")=="") { 
setTimeout(openPopUp, 3000); 
createCookie("was_here_before3", "yes"); 
} 

function createCookie(name, value, days) { 
var expires; 
if (days) { 
    var date = new Date(); 
    date.setTime(date.getTime() + (days * 60 * 1000)); 
    expires = "; expires=" + date.toGMTString(); 
} 
else { 
    expires = ""; 
} 
document.cookie = name + "=" + value + expires + "; path=/"; 
} 

function getCookie(c_name) { 
if (document.cookie.length > 0) { 
    c_start = document.cookie.indexOf(c_name + "="); 
    if (c_start != -1) { 
     c_start = c_start + c_name.length + 1; 
     c_end = document.cookie.indexOf(";", c_start); 
     if (c_end == -1) { 
      c_end = document.cookie.length; 
     } 
     return unescape(document.cookie.substring(c_start, c_end)); 
    } 
} 
return ""; 
} 

function openPopUp() { 
element = document.getElementById("background"); 
element.style.display = "block"; 
element = document.getElementById("popup"); 
element.style.display = "block"; 
} 

function closePopUp() { 
element = document.getElementById("popup"); 
element.style.display = "none"; 
element = document.getElementById("background"); 
element.style.display = "none"; 
} 

</script> 
+0

什麼是不工作? – 2014-09-26 21:26:36

+0

將你的代碼保存在外部的js文件中,並且包括你剛纔在代碼後面的位置...... – 2014-09-26 21:26:58

回答

1

你不必把<script><head>,你可以把它的任何地方。你可以簡單地通過<script>標籤更改爲此做:

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

有沒有必要去做其他任何事情,只是把原來的代碼中引用的文件。

+0

是的,代碼就像內聯一樣工作。 – Zenorbi 2014-09-26 21:33:00

+0

如果您只需要將HTML代碼作爲模板,則可以向服務器執行XHR請求以將模板作爲簡單文本並使用ElementEntityThatPresentsTheCode.innerHTML = downloadedTemplate;顯示HTML。 – Zenorbi 2014-09-26 21:39:35

+0

至於將參數傳遞給Javascript,可以使用服務器生成的js和查詢參數,或者將其用於所有客戶端,您可以使用並參考js文件中的window.pageName。 – Zenorbi 2014-09-26 21:44:37

0

這裏有一個方法來解決這個問題:

<html> 
<body> 
hi 
<script type="text/javascript"> 

your javascript stuff here! 

</script> 
</body> 
</html> 
相關問題