javascript - 弹出窗口打开时将内容加载到弹出框

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，这应该允许您从需要它的网页访问文件，而无需添加完整代码。