我怎样才能用div和Javascript替换iframe？

Question

我有一个页面可以将外部HTML页面加载到iFrame中.我面临两个问题:

1. iFrame始终是固定高度,但我希望它根据内容的高度垂直扩展.
2. iFrame中的内容无法继承附加到包含它的HTML页面的CSS样式.iFrame中的HTML必须拥有自己的链接或单独的样式表.

我可能错了这两点,所以如果我,请告诉我,然后我将继续使用iFrame.

否则,是否有一个简单的Javascript调用可以将外部HTML文件加载到DIV中？

要清楚,因为似乎有些人误解了我:

我问如何用DIV和Javascript替换iframe以获得我上面提到的功能.我不是在寻找让iFrame表现不同的方法.

(我认为这是相当普遍的,但我在本网站和网站上发现的大多数问题和信息似乎都是针对特定情况的,并要求我不需要的其他功能并使问题复杂化.但是,如果我错过了某些内容并且这是重复的话,如果关闭它,我不会被冒犯.)

Answer 1

您可以进行ajax调用以获取您的html页面并将其添加到div.例如使用JQuery:

$.get('yourPage.html', function(data) { $('#yourDiv').html(data); });

欲了解更多信息,请访问:http://api.jquery.com/jQuery.get/