javascript html url loading问题

如何在javascript中的相同视图中加载html网址的内容。javascript html url loading问题

来源

2011-01-21 neha

请详细得多的具体。 – polarblau 2011-01-21 10:18:16

我正在解析一个xml文件，并且我正在讨论的链接是解析完成后得到的内容。现在我想获取该html链接的内容，以便在某些视图上显示该内容。 – neha 2011-01-21 11:01:06

所有新手从哪里来的？ – BastiBen 2011-01-21 12:12:27

另一种选择是使用IFRAME标签。

来源

2011-01-21 10:24:34

如果您正在讨论使用Javascript加载另一个页面的内容，您需要使用AJAX。

<html> 
<head> 
<script type="text/javascript"> 
function loadXMLDoc() 
{ 
var xmlhttp; 
if (window.XMLHttpRequest) 
    {// code for IE7+, Firefox, Chrome, Opera, Safari 
    xmlhttp=new XMLHttpRequest(); 
    } 
else 
    {// code for older IE 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
xmlhttp.onreadystatechange=function() 
    { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText; 
    } 
    } 
xmlhttp.open("GET","ajax_info.txt",true); 
xmlhttp.send(); 
} 
</script> 
</head> 
<body> 

<div id="myDiv"><h2>Let AJAX change this text</h2></div> 
<button type="button" onclick="loadXMLDoc()">Change Content</button> 

</body> 
</html>

更多信息和例子在W3Schools。请注意，对于安全限制，AJAX不适用于不同的域。

来源

2011-01-21 10:21:38 Merijn

我正在Mac上使用Dashcode，因此在使用ActiveXObject时出现错误，对此的任何解决方案..... – neha 2011-01-24 06:58:06

的iFrame将是最好的选择，你NEHA

<html> 
<head> 
</head> 

<body> 
<font face="verdana,arial" size="3"> 
<div align="center"> 
<p> 

<a href="http://www.altavista.com" target="iframe1">AltaVista.com</a> | 
<a href="http://www.aol.com" target="iframe1">AOL.com</a> | 
<a href="http://www.lycos.com" target="iframe1">Lycos.com</a> | 
<a href="http://www.yahoo.com" target="iframe1">Yahoo.com</a> 

<p> 
<iframe 
name="iframe1" 
width="600" 
height="400" 
src="http://www.stackoverflow.com" 
frameborder="yes" 
scrolling="yes"> 
</iframe> 
<p> 

</font> 
</div> 

<!-- 
name="iframe1" 
- Set all links to target the iframe1 name when you want the contents of the iframe to change from links on the originating page. 

width="600" - Width of the iframe 

height="400" - Height of the iframe * Width and height can be expressed in pixels or percent 

src="http://www.yahoo.com" - Initial page that will fill in the iframe 

frameborder="yes" - Border around the iframe is displayed by default 

scrolling="yes" - Allow scrollbars around the iframe for navigation Vaild values are yes, no and auto 

align="" - Valid entries are left and right left is set by default 
--> 

</body> 
</html>

来源

2011-01-21 10:29:13 Wazzzy

，如果你想轻松地做到这一点，没有一个iframe，你可能会发现jQuery's load method有用

$('#id-of-element-that-accepts-html-result').load('/url-that-returns-html-snippet.xyz', { 
    //querystring parameters 
    foo: 'bar', 
    moo: 'par', 
});

来源

2011-01-21 12:07:16 Walf

javascript html url loading问题

回答

相关问题