Question

我正在使用模板上的弹出代码。我在每个网页的Body中插入Java脚本和HTML代码。我无法访问标题。我可以将代码保存在单独的文件中并在此处调用。

我想将代码写在一个单独的文件中，并在body标签中调用它。我怎么做。目前，弹出窗口的html代码和用于打开页面加载弹出窗口的Javascript都在body标签中并且正常工作。我想在body标签中保留最少的代码。我想将这两组代码写在不同的文件中并在body标签中调用它（顺便说一句，我必须在body标签中有cookie会话代码，因为每个页面都有不同的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-->

上面代码后面的body标签内的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>

Answer 1

你不必将<script>放在<head>中，你可以把它放在任何地方。您只需将<script>标记更改为此内容即可完成此操作：

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

无需执行任何其他操作，只需将原始代码放在引用的文件中即可。

Answer 2

以下是解决问题的方法：

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

your javascript stuff here!

</script>
</body>
</html>

如何调用Body标签内的Javascript文件

2 个答案: