当一个INPUT里输入网址后,另一个INPUT会自动显示该网页的标题。
像delicious.com里保存书签那样。

解决方案 »

  1.   

    我想只靠js来实现这个功能。
    如果js发现网址无法响应,则在另一个INPUT显示Blank.
      

  2.   


    <script>
    function ajax(url){
      var x=new XMLHttpRequest();
      x.onreadystatechange =function(){
        if (x.readyState==4){
          var s=x.responseText
          s=s.split("<title>")[1]
          s=s.split("</title>")[0]
          document.getElementById("b").value=s//x.responseText;
          x=null;
        }
      }
      
      x.open("GET",url,true)
      x.send(null);
    }
    </script>输入后双击<input type=text id=a value="1.htm" ondblclick="ajax(this.value)">(你可以在本地做个测试文件test.htm)
    <br><br>查询的标题<input type=text id=b >
      

  3.   

    <!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>test</title>
    </head>
    <script language="javascript" type="text/javascript">
    function ajax(url){
      var xmlhttp;
      xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
      if(!xmlhttp) xmlhttp=new XMLHttpRequest();

      xmlhttp.onreadystatechange =function(){
        if (xmlhttp.readyState==4){
          var s=xmlhttp.responseText   
          s=s.split("<title>")[1]
          s=s.split("</title>")[0]
          document.getElementById("b").value=s;    
          xmlhttp=null;
        }
      }
      xmlhttp.open("GET",url,true)
      xmlhttp.send(null);
    }
    </script>
    <body>
    输入后双击<input type=text id=a value="http://www.163.com" ondblclick="javascript:ajax(this.value);">
    <br>查询的标题<input type="text" id="b">
    </body>
    </html>稍加修改...
      

  4.   


    <script>
    function getXMLHTTPObj(){
      var xmlHttp=null;
      try{xmlHttp=new XMLHttpRequest();}// Firefox, Opera 8.0+, Safari
      catch (MSIEx){// Internet Explorer
        try{xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");}
        catch (e){
          try{xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");}
          catch(e){alert('您的浏览器不支持AJAX!');}
        }
      }
      return xmlHttp;
    }
    function ajax(url){
      var x=getXMLHTTPObj();
      x.onreadystatechange =function(){
        if (x.readyState==4){
          if (x.status==200||x.status==0){
            var s=x.responseText
            s=s.split("<title>")[1]
            s=s.split("</title>")[0]
            document.getElementById("b").value=s//x.responseText;
            x=null;
          }
        }
      }
      x.open("GET",url,true)
      x.send(null);
    }
    </script>输入后双击<input type=text id=a value="1.htm" ondblclick="ajax(this.value)">
    <br><br>查询的标题<input type=text id=b >