在asp:content页面中指定Java脚本的位置?

时间:2013-06-24 20:54:14

标签: javascript asp.net

我有一个html页面,我使用java脚本来折叠和展开Gridview。但是,我不得不切换到asp:content页面(母版页的一部分),我没有头标记。

我尝试在asp:content中指定java脚本但它不起作用。 此外,我尝试指定它的主页仍然无法正常工作。

如何处理任何想法?

这是脚本。

<script type="text/javascript">


function collapseExpand(obj) {
    var gvObject = document.getElementById(obj);
    var imageID = document.getElementById('image' + obj);

    if (gvObject.style.display == "none") {
        gvObject.style.display = "inline";
        imageID.src = "~/ims/Images/bullet_toggle_minus.jpg";
    }
    else {
        gvObject.style.display = "none";
        imageID.src = "~/ims/Images/bullet_toggle_plus.jpg";
    }
}
 </script>

1 个答案:

答案 0 :(得分:0)

您可以在页面的任何位置指定脚本。一旦浏览器看到脚本标记,它就会在其中执行脚本。 但在这种情况下,我认为你应该在window.onload事件处理程序中执行代码,因为你需要等到加载标记然后你需要调用你的函数。例如:

<script type="text/javascript">
window.onload = function(){
    function collapseExpand(obj) {
        var gvObject = document.getElementById(obj);
        var imageID = document.getElementById('image' + obj);

        if (gvObject.style.display == "none") {
            gvObject.style.display = "inline";
            imageID.src = "~/ims/Images/bullet_toggle_minus.jpg";
        }
        else {
            gvObject.style.display = "none";
            imageID.src = "~/ims/Images/bullet_toggle_plus.jpg";
        }
    }
    collapseExpand("yourOfYourElement");
}
     </script>

或者您可以在某些事件加注后注册调用您的函数。例如:

document.onclick = function(){
    collapseExpand("yourOfYourElement");
}