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

Where to Specify Java Script in a asp:content page?

本文关键字：Java 脚本 位置 asp content      更新时间：2023-09-26

我有一个html页面，在那里我使用java脚本来折叠和展开Gridview。然而，我不得不切换到一个没有head标记的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>

您可以在页面中的任何位置指定脚本。浏览器一看到脚本标记，就会执行其中的脚本。但在这种情况下，我认为您应该在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");
}
相关文章：