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