溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

在iFrame子頁(yè)面里實(shí)現(xiàn)模態(tài)框的方法

發(fā)布時(shí)間：2020-09-15 12:24:10 來(lái)源：腳本之家 閱讀：165 作者：conleyfree 欄目：web開發(fā)

在 iframe 子頁(yè)面寫模態(tài)框時(shí)，按照以前的寫法，點(diǎn)擊彈出模態(tài)框的按鈕之后一直沒(méi)有反應(yīng)，但代碼并沒(méi)有寫錯(cuò)，代碼如下：

<input class="btn" id="deletebutton" type="button" value="刪貼" onclick="deletePost()"/>
<!-- 管理員發(fā)送消息模態(tài)框 2017.1.25 -->
<div id="messageModal" class="modal fade" role="dialog" >
   <div class="modal-header" >
   <a class="close" data-dismiss="modal">×</a>
   <h4>發(fā)送消息給本貼貼主</h4>
  </div>
  <div class="modal-body" >
   <h5  id="errorMessage"></h5><br/>
   <h5 >請(qǐng)輸入消息內(nèi)容：<input id="messageContent" type="text"  ></h5><br/>
  </div>
  <div class="modal-footer" >
   <a href="#" rel="external nofollow" rel="external nofollow" class="btn btn-success" onclick="callPostEditor()">發(fā)送</a>
   <a href="#" rel="external nofollow" rel="external nofollow" class="btn bt" onclick="reSet()">重置</a>
  </div>
</div>

在網(wǎng)上搜索了很久也沒(méi)找到原因，但是看到一種方法，是把模態(tài)框的html代碼放置到父頁(yè)面上，然后使用：

window.parent.$('#messageModal').modal('show');

來(lái)調(diào)用模態(tài)框顯示。

如果子頁(yè)面有js方法在模態(tài)框中調(diào)用，再通過(guò)下面的語(yǔ)句實(shí)現(xiàn)調(diào)用：

// Conframe是父頁(yè)面的iframe標(biāo)簽的name屬性（注意：不能用id屬性，在Firefox中不能獲取iframe的id屬性）
Conframe.window.callPostEditor();

即“iframe的name屬性.windows.方法名（）”。

以上這篇在iFrame子頁(yè)面里實(shí)現(xiàn)模態(tài)框的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持億速云。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手