iframe的使用

這是前臺代碼，事實上使用iframe也只需要前臺代碼

<div>
        <div class="box">
            <div class="left">
                <div class="table">
                    <div class="navigat_content">
                        <div style=" height:20px;"></div>
                        <div><table><tr><td width="35px"><img alt="" src="../Image/friend_item.png" /></td><td><a href="Fabric.aspx" target="showFrame">添加預約</a></td></tr></table></div>
                        <div><table><tr><td width="35px"><img alt="" src="../Image/friend_item.png" /></td><td><a href="FabricCheck.aspx" target="showFrame">查看&&刪除</a></td></tr></table></div>
                    </div>
                </div>
            </div>
            <div class="right"><iframe name="showFrame" id="showFrame" frameborder="0" width="900px"; height="700px"; src="Fabric.aspx" ></iframe></div>
        </div>
    </div>

 

註釋：target是你自己在iframe標籤中定義的名字name="xxx"

           href="xx.aspx"是你想要鏈接的網址

           你可以自定義iframe的樣式，大小，還有加載時的頁面src="xxx.aspx"

效果圖如下：

1.這是點擊第一個添加預約效果

 

2.這是點擊查看&&刪除效果