国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery中iframe的操作(點擊按鈕新增窗口)

2019-11-20 10:14:17
字體:
來源:轉載
供稿:網友

<iframe>也應該是框架的一種形式,它與<frame>不同的是,iframe可以嵌在網頁中的任意部分。

今天遇到一個問題:怎樣實現點擊一個按鈕,在當前的頁面上新增加一個小窗口,展示一個圖片信息?

如下圖所示:

點擊之前:

單擊之后:

分析:要使新增的小窗口不影響父頁面,我們這里采用iframe的框架的技術。

【<iframe>也應該是框架的一種形式,它與<frame>不同的是,iframe可以嵌在網頁中的任意部分。】

實現是思路:(1)在按鈕的上添加一個點擊的事件,在點擊后加入一個iframe窗口,并將生成圖片的地址加上去即可。

具體實現的代碼:

(1)給按鈕加上點擊事件:

<input type="radio" name="dynamicType" id="dianji" style="padding: 0 10px 0 5px;margin-left:10px;margin-top: 13px;"/><p class="loadPhoto"></p>$("#dianji").click(function(){  $("p.loadPhoto").empty(); // 清空原來的p標簽的中內容  $("p.loadPhoto").html("<iframe width=520 height=400 name=/"touzizuhe/" id=/"touzizuhe/" frameborder=0 src="生成圖片的地址"></iframe>");// 添加iframe的jquery的語句});

注意:這里iframe的開發之后,會自動的去訪問生成圖片的地址,這樣圖片的生成的需求就滿足了。

有關jQuery中iframe的操作(點擊按鈕新增窗口)就給大家介紹這么多,希望對大家有所幫助!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 富平县| 元朗区| 柯坪县| 江口县| 呈贡县| 双鸭山市| 杭州市| 青神县| 建宁县| 观塘区| 昆山市| 仁怀市| 新兴县| 聂荣县| 班戈县| 兴文县| 太和县| 肇源县| 同仁县| 永春县| 永胜县| 阜平县| 高密市| 蒙山县| 镇坪县| 新昌县| 金秀| 称多县| 伊吾县| 鲁山县| 江永县| 胶州市| 茶陵县| 句容市| 迭部县| 黄梅县| 资兴市| 临清市| 三门县| 邹城市| 南投市|