亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

 更新時(shí)間：2016年04月20日 17:13:02   作者：山一程  
<iframe>也應(yīng)該是框架的一種形式，它與<frame>不同的是，iframe可以嵌在網(wǎng)頁中的任意部分。本文給大家介紹jQuery中iframe的操作(點(diǎn)擊按鈕新增窗口)，需要的朋友參考下吧

<iframe>也應(yīng)該是框架的一種形式，它與<frame>不同的是，iframe可以嵌在網(wǎng)頁中的任意部分。

今天遇到一個(gè)問題：怎樣實(shí)現(xiàn)點(diǎn)擊一個(gè)按鈕，在當(dāng)前的頁面上新增加一個(gè)小窗口，展示一個(gè)圖片信息？

如下圖所示：

點(diǎn)擊之前：

單擊之后：

分析：要使新增的小窗口不影響父頁面，我們這里采用iframe的框架的技術(shù)。

【<iframe>也應(yīng)該是框架的一種形式，它與<frame>不同的是，iframe可以嵌在網(wǎng)頁中的任意部分?！?br />

實(shí)現(xiàn)是思路：（1）在按鈕的上添加一個(gè)點(diǎn)擊的事件，在點(diǎn)擊后加入一個(gè)iframe窗口，并將生成圖片的地址加上去即可。

具體實(shí)現(xiàn)的代碼：

（1）給按鈕加上點(diǎn)擊事件：

<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標(biāo)簽的中內(nèi)容
　　$("p.loadPhoto").html("<iframe width=520 height=400 name=\"touzizuhe\" id=\"touzizuhe\" frameborder=0 src="生成圖片的地址"></iframe>");// 添加iframe的jquery的語句
});

注意：這里iframe的開發(fā)之后，會(huì)自動(dòng)的去訪問生成圖片的地址，這樣圖片的生成的需求就滿足了。

有關(guān)jQuery中iframe的操作(點(diǎn)擊按鈕新增窗口)就給大家介紹這么多，希望對(duì)大家有所幫助！

相關(guān)文章

最新評(píng)論