在 asp:content 页面中在哪里指定 Java 脚本？答案

【问题标题】：Where to Specify Java Script in a asp:content page?在 asp:content 页面中在哪里指定 Java 脚本？
【发布时间】：2013-06-24 20:54:14
【问题描述】：

我有一个 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>

【问题讨论】：

标签： javascript asp.net

【解决方案1】：

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

【讨论】：