Question

我在ASP.NET站点中有一个页面。 iframe位于Ajax更新面板中。

我需要从javascript中更改iframe的src属性，我可以这样做。问题是当src属性更改时，父页面会刷新。

我只需要导航框架，而不是父页面。

HTML：

        <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
            <ContentTemplate>
                <iframe id="previewIframe" runat="server" Width="800px"></iframe> 
            </ContentTemplate>               
        </asp:UpdatePanel>

的javascript：

var frame = $("#previewIframe");
frame.setAttribute('src', "http://www.google.com");

Answer 1

HTML：

        <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
            <ContentTemplate>
                <iframe ClientIDMode="Static" id="previewIframe" src="" runat="server"></iframe> 
            </ContentTemplate>               
        </asp:UpdatePanel>

的javascript：

$("#previewIframe").attr('src', "http://www.google.com");

忘了在ASP中元素ID不是神圣的，它们是例如。 “MainContent_previewIframe”

一旦我添加了ClientIDMode =“Static”属性，jquery就可以正确引用该元素。

同时将jquery方法更新为$（“＃previewIframe”）。attr（'src'，'google.com'）; - 我正在混合直接的javascript和jquery。我现在应该知道坚持一个。

更改iframe src而不刷新父页面

1 个答案: