這次帶給大家jQuery操作iframe增刪窗口,jQuery操作iframe增刪窗口的注意事項有哪些,下面就是實戰案例,一起來看一下。 今天遇到一個問題:怎麼實現點擊一個按鈕,在當前的頁面上新增加一個小窗口,展示一個圖片資訊? 如下圖所示: 點擊之前: ##點擊之後: 分析:要讓新增的小視窗不影響父頁面,我們這裡採用iframe的框架的技術。 【也應該是框架的一種形式,它與不同的是,iframe可以嵌在網頁中的任意部分。 】實現是思路:(1)在按鈕的上添加一個點擊的事件,在點擊後加入一個iframe窗口,並將生成圖片的地址加上去即可。 具體實現的程式碼:(1)給按鈕加上點擊事件: $("#dianji").click(function(){ $("p.loadPhoto").empty(); // 清空原来的p标签的中内容 $("p.loadPhoto").html("");// 添加iframe的jquery的语句 });相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章! 推薦閱讀: Tab選項卡捲動導覽切換實作(附程式碼)##jQuery Ajax實作表格資料標題排序