紧急援助！！

   本人想将一个网页分成两部分，上部为一个输入框和一个提交按钮，下部为显示部分。当在文本框中输入网址并按提交按钮后，下部显示部分能显示该网站的内容。
   不知用JavaScript能否通过给定的网址获得该网站的HTML源代码？有啥函数没

解决方案 »

  1.   

    没有这中函数
    但是有iframe
      

  2.   

    用iframe 或frameset 但是小心跨域问题，和别人网站上做的盗链防止
      

  3.   

    可以利用JS完成你的任务，看看下面的例子，输入网站地址，即可得到对应页面的HTML代码...
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>Ajax分析某页面的内容</title>
    </head>
    <style type="text/css"> 
    body,td,div,input{font-family:Verdana; font-size:12px; color:#333333; font-weight:normal;}
    a:link,a:visited{font-family:Verdana; font-size:12px; color:#330099; font-weight:normal; padding:0px 3px; line-height:25px; text-decoration:none;}
    a:hover,a:active{font-family:Verdana; font-size:12px; color:#FF6600; font-weight:normal; line-height:25px;}
    span{font-family:Verdana; font-size:12px; color:red; font-weight:normal; padding-left:5px; margin:0px 10px;}
    </style>
    <script language="javascript" type="text/javascript">
    function ajaxGetHTML(webURL){
    var url=webURL;
    if(url=="") url=document.getElementById("xurl").value;
      var xmlhttp;
      try{
      xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
      }catch(e){
       try{
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }catch(e){}
      }
      if(!xmlhttp) xmlhttp=new XMLHttpRequest();
      xmlhttp.onreadystatechange =function(){
        if (xmlhttp.readyState==4){
          var s=xmlhttp.responseText;
      s=s.replace(/</g,"&lt;");
      s=s.replace(/>/g,"&gt;");
      document.getElementById("box01").innerHTML=s;
          xmlhttp=null;
        }
      }
      xmlhttp.open("GET",url,true)
      xmlhttp.send(null);
    }
    </script>
    <body>
    web URL:<input type=text id="xurl" ondblclick="javascript:ajaxGetHTML(this.value);" value="http://www.163.com" size="50">
    <input type="button" name="Submit" value="Test" onClick="javascript:ajaxGetHTML('');">
    <br>
    <hr size="1" color="#FF6600">
    <fieldset><legend>HTML 内容</legend>
    <div id="box01"></div>
    </fieldset>
    </body>
    </html>