国产探花免费观看_亚洲丰满少妇自慰呻吟_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的操作(點擊按鈕新增窗口)就給大家介紹這么多,希望對大家有所幫助!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 潜山县| 赤水市| 商洛市| 来凤县| 哈巴河县| 长垣县| 大同市| 远安县| 瓦房店市| 宜都市| 东平县| 台州市| 天台县| 浮山县| 嘉兴市| 濮阳市| 太白县| 济南市| 淮南市| 苗栗县| 五大连池市| 巴南区| 朝阳县| 伊宁县| 紫金县| 公安县| 上栗县| 永州市| 阳西县| 泊头市| 嘉祥县| 恩施市| 浦江县| 西乌珠穆沁旗| 烟台市| 新余市| 鄂温| 武汉市| 慈利县| 株洲市| 高密市|