Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/437.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript innerHTML中的A href_Javascript_Jquery_Innerhtml - Fatal编程技术网

Javascript innerHTML中的A href

Javascript innerHTML中的A href,javascript,jquery,innerhtml,Javascript,Jquery,Innerhtml,我正在尝试在innerHTML中设置a href,但我遇到错误或它不工作。我想从API中创建一个数据,可以单击它,而不是复制并将其放入浏览器中。当我尝试代码时,它将变成+item.title,而不是转到从API获取数据的链接 <html> <head> <title>JSON/Atom Custom Search API Example</title> </head> <body> <div

我正在尝试在innerHTML中设置a href,但我遇到错误或它不工作。我想从API中创建一个数据,可以单击它,而不是复制并将其放入浏览器中。当我尝试代码时,它将变成+item.title,而不是转到从API获取数据的链接

<html>
  <head>
    <title>JSON/Atom Custom Search API Example</title>
  </head>
  <body>
    <div id="content"></div>
    
    <script>
      function hndlr(response) {
      for (var i = 0; i < response.items.length; i++) {
        var item = response.items[i];
        // in production code, item.htmlTitle should have the HTML entities escaped.
        document.getElementById("content").innerHTML +="<br>"+ item.title + "<br>"   +"<a href='+item.title'>Google</a>" ;
        
      }
    }
    </script>
    <script src="https://www.googleapis.com/customsearch/v1?q=query&cx=004123968310343535430%3Aaxml6iel9yo&key=AIzaSyDxPcphnrcN9_dfkRkFTbwkv44m1-HI1Hg&callback=hndlr">
    </script>
  </body>
</html>

JSON/Atom自定义搜索API示例
hndlr职能(响应){
对于(var i=0;i”+item.title+”
“+”; } }
innerHTML分配给内容的连接错误。应该是:

function hndlr(response) {
    for (var i = 0; i < response.items.length; i++) {
        var item = response.items[i];
        // in production code, item.htmlTitle should have the HTML entities escaped.
        document.getElementById("content").innerHTML +="<br>"+ item.title + "<br>"   +"<a href='"+item.title+"'>Google</a>" ;

    }
}
document.getElementById(“内容”).innerHTML++=“
”+item.title+”
“+”

你的职能应该是:

function hndlr(response) {
    for (var i = 0; i < response.items.length; i++) {
        var item = response.items[i];
        // in production code, item.htmlTitle should have the HTML entities escaped.
        document.getElementById("content").innerHTML +="<br>"+ item.title + "<br>"   +"<a href='"+item.title+"'>Google</a>" ;

    }
}
功能hndlr(响应){
对于(var i=0;i”+item.title+”
“+”; } }
您的问题来自这一行
+“”

因为您的outter封闭撇号是“那么您维护变量的实际值是为了确保变量或可执行文件不在封闭的outer内部”

所以这应该适合你

document.getElementById("content").innerHTML +="<br>"+ item.title + "<br>"   +"<a href='"+item.title+"'>Google</a>" ;
document.getElementById(“内容”).innerHTML++=“
”+item.title+”
“+”;
观察href='“+项.标题+”

哦,这很有效,我试着在后面用“'finally i know only+”。非常感谢guyz