这个 jscript 会在 .ASCX 页面内运行吗？

Question

它会在我的 ASP.Net 项目的 ASCX 文件中运行吗？ 我似乎无法让它工作，只是想知道是否缺少一些特定的东西？我需要包含“runat=”server””吗？

<!--[if lte IE 6]>
<script type="text/javascript">

    window.onload = function() {

        var images = document.getElementById("GetQuote").getAttribute("ImageUrl");

        for (var i = 0; i < images.length; i++) {

            var image_png_src = images[i].src;
            var image_gif_src = image_png_src.replace(".png", ".gif");
            images[i].src = image_gif_src;
        }
    };
</script>
<![endif]-->

Answer 1

此 JavaScript 函数似乎正在尝试引用无法从客户端访问的 ASP.NET Web 控件属性。但是，您可以引用 ASP.NET 输出到页面的 HTML 实体及其属性。

假设您的 JavaScript 代码是 .ascx 代码中的代码，请将此行更改

var images = document.getElementById("GetQuote").getAttribute("ImageUrl");

为

var images = document.getElementById('<%=GetQuote.ClientID%>').getAttribute("src");

：这样做的作用是插入 ASP.NET 为 GetQuote Image 控件创建的客户端 ID，以便可以引用它从客户端。它还引用 HTML img 元素 (src) 的正确属性，该属性对应于服务器端 Image< 的 ImageUrl 属性。 /代码> 控制。

编辑：
在看到 TheVillageIdiot 的响应（并更仔细地阅读您的代码，我最初应该这样做）后，我注意到您正在尝试将 images 变量用作数组。您可能正在尝试匹配 ID 中包含文本“GetQuote”的多个图像元素（例如 GetQuote1、GetQuote2 等）。

假设您需要在客户端执行此操作，并且您没有使用像 jQuery 这样的框架，请尝试以下操作：

window.onload = function() 
{        
    // get all img elements on the page and load them into an array
    var images = document.getElementsByTagName("img");

    // iterate through the image array
    for (var i = 0; i < images.length; i++) 
    {
        // check that the current image's id contains "GetQuote" (case sensitive)
        if (images[i].id.indexOf("GetQuote") >= 0)
        {
            var image_png_src = images[i].src;
            var image_gif_src = image_png_src.replace(".png", ".gif");
            images[i].src = image_gif_src;
        }
    }
};

Answer 2

您不需要 runat="server" 因为这是将在客户端上运行的代码。它应该可以工作，但也许您遇到问题是因为您引用的是 ASP.NET 控件项上的 ID？这意味着您的 ID 值不匹配。如果是这样，您可以通过使用 control.ClientID 重新渲染到 JavaScript 服务器端以使它们匹配来解决此问题。

Answer 3

如果 GetQuote 是一个 aspx 元素，那么您需要将其替换为 <%= GetQuote.ClientID %> 并将 ImageUrl 替换为 src 就像

 var images = document.getElementById('<%=GetQuote.ClientID%>')
                                 .getAttribute("src");

图像也应该是一个字符串而不是字符串数组，所以你的循环也有问题。试试这个：

var image = document.getElementById('<%=GetQuote.ClientID%>').

if(images){
      var src = image.GetAttribute("src");
      image.SetAttribute("src",src.replace(".png", ".gif");
}