通过使用母版页的表单在asp.net中调用javascript函数

Question

我正在使用Asp.net并设计一个网站。 我有一个包含标题，导航栏，侧边栏和页脚的主表单，该表单对于每个网页都是通用的，而内容区域对于每个页面都是不同的。 我正在使用母版页创建网页，并在内容区域添加控件。 但问题是我在网页中使用javascript，并想调用网页的方法onload函数。

这是示例代码：

    var a = ["..images/airline.jpg","..images/c1.jpg","..images/3.jpg"];
    var i = 0;
    function imageforward() {
        i++;
        document.getElementById("myimage").src = a[i];

        if (i == 3) {
            i = -1;
        }

    }
    function TimeStart() {

        setInterval(imageforward, 8000);

    }

如何调用方法。 请帮我这样做。 谢谢..

Answer 1

您可以使用DOMContentLoaded eventListener

document.addEvenetListner(timestart,false);

或简单地说：

 window.onload=timestart;

Answer 2

定义TimeStart函数后，只需像这样调用它：

TimeStart();

如果您使用jQuery，则可以将其放在文档中，如下所示：

$(document).ready(function(){
   TimeStart();
})

如果没有jQuery，则可以使用：

window.onload = TimeStart;

Answer 3

首先，将必要的javscript库添加到您的主页。 （jQuery的）

<asp:ScriptManager ID="ScriptManager1" runat="server">
  <Scripts>
    <asp:ScriptReference Path="/Scripts/jquery-version.js" />
    <asp:ScriptReference Path="/Scripts/additional-js.js" />
  </Scripts>
</asp:ScriptManager>

另外，您也可以在主文件的<head>部分中引用它

<script src='<%= ResolveUrl("~/Scripts/jquery-version.js") %>' type="text/javascript></script>

调用此函数后：

$(document).ready(function () {
        TimeStart();
        //additional code
});