javascript - 更改iframe src而不刷新父页面

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。我现在应该知道要坚持一个。