如何切换Iframe的网址

zlbq2 2013-04-02 08:30:41

我在做任务的时候遇到这样的问题，在同一页面中通过不同的按钮来切换一个iframe的src网址，下面是图片和代码

 </style>

    <script type="text/javascript">



        function all_click() {

            document.getElementById("all_order").setAttribute("src", "all_order.aspx");

        }



        function amazon_click() {

            document.getElementById("amazon_order").setAttribute("src", "amazon_order.aspx");

        }



        function ebay_click() {

            document.getElementById("ebay_order").setAttribute("src", "ebay_order.aspx");

        }



        function google_click() {

            document.getElementById("google_order").setAttribute("src", "google_order.aspx");

        }



        function soldster_click() {

            document.getElementById("soldster_order").setAttribute("src", "soldster_order.aspx");

        }



        function SetFrameHeight(fid, height) {

            $("#" + fid).attr("height", height + 50);

        }



        function RedirectTo(url) {

            location.href = url;

        }



        function SetFrameSrc(id, url) {

            var obj = document.getElementById(id);

            obj.setAttribute("src", url);

        }



    </script>

</asp:Content>

<asp:Content ID="Content1" runat="server" ContentPlaceHolderID="leftColumn">

    <uc:menu ID="menu1" runat="server"></uc:menu>

</asp:Content>

<asp:Content ID="Content2" runat="server" ContentPlaceHolderID="cphAdminDashboard">

    <div class="box">

        <div class="box-wrapper">

        <iframe id="text" scrolling="auto" frameborder="0" width="100%" height="3140px" src="all_order.aspx" style="border: 1px solid rgb(179,179,179)">

        <a class="all" target="test" href="all_order.aspx"></a>

        </iframe>

            <table>

                <tr>

                    <td style="width: 8%; vertical-align: top">

                        <div>

                            <a class=" info-tooltip commandbutt"  title="All">

                                <asp:Button ID="A1" CssClass="all" runat="server" OnClientClick="all_click()" BorderStyle="None" Style="margin: 0 0 0 6px" />

                            </a>

                            <asp:Button ID="A2" CssClass="amazon" runat="server" OnClientClick="amazon_click()" BorderStyle="None" Style="margin: 20px 0 0 6px" />

                            <asp:Button ID="A3" CssClass="ebay" runat="server" OnClientClick="ebay_click()" BorderStyle="None" Style="margin: 20px 0 0 6px" />

                            <asp:Button ID="A4" CssClass="google" runat="server" OnClientClick="google_click()" BorderStyle="None" Style="margin: 20px 0 0 6px" />

                            <asp:Button ID="A5" CssClass="soldster" runat="server" OnClientClick="soldster_click()" BorderStyle="None" Style="margin: 20px 0 0 6px" />

                        </div>

                    </td>

                    <td style="width: 92%; vertical-align: top">

                        <div>

                            <iframe scrolling="auto" frameborder="0" width="100%" height="3140px" src="all_order.aspx" style="border: 1px solid rgb(179,179,179)"></iframe>

                        </div>

                    </td>

                </tr>

            </table>

        </div>

    </div>

</asp:Content>