回答
你不能在简单的div中具有完全相同的iframe功能。这就是为什么他们有两个不同的名字。 Iframe有点沙盒,并且可以在任何域上打开网址。
随着时下阿贾克斯浏览器,你必须坚持使用同源策略这意味着你只能从您的网站运行在同一个域中加载内容。
所以,除了这个限制和事实,即iframe的沙箱不能在这里一个div来模拟,是一个简单的Ajax解决方案使用JavaScript,您可以使用才达到例如网站导航:
HTML
<ul id="nav">
<li><a href="page1.html">page1</a></li>
<li><a href="page2.html">page2</a></li>
<li><a href="page3.html">page3</a></li>
</ul>
的Javascript
// select the menu element
var nav = document.getElementById("nav");
// watch for clicks on the menu
nav.onclick = function(e) {
// get the element that was clicked
e = e || window.event;
var el = e.target || e.srcElement;
// only act if it was a link
if (el.nodeName == "A") {
// making a call is as simple as this
ajax(el.href, function(data) {
// do something with the server's response
// e.g.: put it to the #content element
document.getElementById("content").innerHTML = data;
});
// prevent default action
return false;
}
};
///////////////////////////////////////////////////////////////////////////////
function getXmlHttpObject() {
var xmlHttp;
try {
xmlHttp = new XMLHttpRequest();
} catch (e) {
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
function ajax(url, onSuccess, onError) {
var xmlHttp = getXmlHttpObject();
xmlHttp.onreadystatechange = function() {
if (this.readyState == 4) {
// onError
if (this.status != 200) {
if (typeof onError == 'function') {
onError(this.responseText);
}
}
// onSuccess
else if (typeof onSuccess == 'function') {
onSuccess(this.responseText);
}
}
};
xmlHttp.open("GET", url, true);
xmlHttp.send(null);
return xmlHttp;
}
@ galambalazs,忘了把简单的解决方案.. :) – 2010-07-07 12:38:15
@Gaby,因为我是黑客它.. :) – galambalazs 2010-07-07 12:42:16
@galambalaz,认为将是这种情况..只是确保 – 2010-07-07 12:51:42
@rajesh,你无法通过Ajax,除非你把JavaScript文件与阿贾克斯的网站,在那里驻留你想放置在您的股利网站上的内容调用加载外部网页。所以你唯一的方法就是使用Iframe。
'“所以你唯一的方法就是使用iframe。” - 你怎么知道他在用iframe呢?对于同域的东西阿贾克斯是伟大的。 – galambalazs 2010-07-07 13:00:48
@galambalazs,你今天似乎很好玩。我猜可能是为了从外部网站获取内容。 – eugeneK 2010-07-07 13:02:40
我总是很好玩。 :) – galambalazs 2010-07-07 13:17:17
- 1. 用div替换IFrame
- 2. PHP DOM文档将DIV替换为文本,将DIV替换为DIV
- 3. 将文档替换为iframe的文档
- 4. 替换为<iframe>
- 5. 如何替换在iframe中打开的div内容
- 6. 将HTML/PHP加载到div,iframe替代
- 7. 将HR元素替换为打开Div
- 8. iframe替换
- 9. 如何将其转换为iFrame
- 10. 如何删除表格并将其替换为DIV?
- 11. 使用div来替代iframe
- 12. 如何替换SVG图像或如何替换div内容?
- 13. jquery将#div的内容替换为另一个#div的内容?
- 14. 如何将iframe内容复制到div?
- 15. 替换DIV?
- 16. 替换DIV
- 17. 如何将此调用替换为GC.Collect?
- 18. 如何将RegEx替换为集合
- 19. 如何将按钮替换为链接?
- 20. 如何将Wordpress替换为Drupal?
- 21. 如何将Invoke-RestMethod替换为PowerShell 2.0
- 22. 如何将PHP排序替换为SQL?
- 23. 如何将“&”替换为&的php
- 24. 如何将eregi替换为preg_match?
- 25. PHP:如何将html标签替换为“”?
- 26. 如何将GridView替换为RecyclerView
- 27. 将PyFile_Type替换为..?
- 28. 如何用Div替换图像
- 29. 如何在div中使用替换?
- 30. 如何用媒体查询替换div
你为什么要这么做? – 2010-07-07 12:30:27
@Jim,你最好通过电子邮件发送。 – 2010-07-07 12:31:00
为什么? iframes不是SEO友好的... – galambalazs 2010-07-07 12:32:19