彈出窗口打開時，將內容加載到彈出框中

Question

我正在使用此腳本在我的站點中有一個帶有某些設置的彈出框：

http://codeissue.com/articles/a04daf3210c8b0a/cross-browser-modal-popup-using-javascript-jquery

單擊按鈕/文本時將打開彈出窗口：

<a href="#" onclick="ShowModalPopup('name_of_div_in_popup_box'); return false;">Text</a>

我想知道是否有可能從外部頁面（在同一網站）將內容（ #name_of_div_in_popup_box ）加載到彈出框中，而不是將div隱藏在該彈出框中的所有頁面中。 問題是該彈出窗口位於許多頁面中，因此在當前情況下，我必須在具有彈出窗口的每個頁面中粘貼#name_of_div_in_popup_box ，並且在該div中進行編輯時，我必須在所有頁面中進行編輯。

更容易從外部頁面示例中將內容加載到彈出框content.html #name_of_div_in_popup_box，因此在對div進行更改時，我只需要在該站點中進行更改。

這可能嗎？

謝謝。

Answer 1

Javascript無法訪問服務器上的其他文件（可能使用AJAX除外），因為它是客戶端。 但是，如果您使用php或shtml include，則應該允許您從需要該文件的網頁訪問該文件，而不必添加完整的代碼。

Answer 2

使用jQuery .load（）

$('#name_of_div_in_popup_box').load('load_from_this_page.html');

補充筆記：

由於瀏覽器安全性的限制，大多數“ Ajax”請求都受相同的原始策略限制； 該請求無法成功從其他域，子域或協議檢索數據。