Question

我有一个HTML页面，我想在使用JavaScript点击一个类时加载它。我正在考虑使用iframe获取HTML。此页面包含叠加形式的内容。

我使用了jQuery的.load()函数，但它没有做任何事情。我正在工作的页面都在同一个域中，所以我希望页面可以加载。

我怎样才能做到这一点？

$(".popup-layout").click(function() {

// I want to load an iframe here. Where should that iframe sit on the current page with diplay:none.




    });

Answer 1

$('#result')是<iframe id='result'>？您无法通过jquery.load（）填充iframe。实际上，你不需要。您可以使用简单的<div id='result'>

Answer 2

以下3种方法可以帮助您实现这一目标：

通过更改<iframe>将页面加载到src。 Example fiddle：
```
YourFrameId.src = 'http://example.com';
```

通过HTTP request加载页面并更改现有元素的innerHTML。 Example fiddle：

var req = new XMLHttpRequest();
req.open('GET', 'http://www.mozilla.org/', true);
req.onreadystatechange = function (aEvt) {
    if (req.readyState == 4 && req.status == 200) {
        YourElementId.innerHTML = req.responseText;
    }
};
req.send(null);

使用location对象的document属性：

document.location = 'http://example.com'

Answer 3

我会在iframe上使用ajax加载的内容，只是我的观点。

$(".popup-layout").click(function() {
       $.get("yourFile.html", function(data){
        $("#Content").html(data); // the div to load content in
       });
    });

使用javascript加载URL中的页面数据

3 个答案: