我在json文件中有一些链接
<code>
"links": [
{"link": "http://www.google.com/",
"id": "1"
},
{"link": "http://www.poogle.com/",
"id": "2"
},
{"link": "http://www.foogle.com/ ",
"id": "3"
},
]
</code>
在网页上,我会喜欢一个js函数或脚本,它将动态地写在url href中
因此,如果我在一个页面上,并且href是
<a href id=”1”> </a>
它应该能够在谷歌网站上写入ahref。
此外,这是最好的方法吗?我应该使用Id吗?还是别的什么?
您的见解将对有所帮助
更新的
JSON FILE:
{"links":
[
{"link": "google.com",
"id": "1"
},
{"link": "yahoo.com",
"id": "2"
},
{"link": "msn.com",
"id": "3"
},
{"link": "mash.com",
"id": "4"
},
{"link": "facebook.com",
"id": "5"
}
]
}
JS-
for (var i = 0; i < linksObj.links.length; i++) {
var linkObj = linksObj.links[i];
var elem = document.getElementById(linkObj.id);
if (elem) {
elem.href = linkObj.link;
elem.innerHTML = linkObj.link;
}
}
HTML
<a id='1'></a><br>
<a id='2'></a>
首先,以数字开头的ID无效-将其更改为前面有一个字母:(
除此之外,这也可以:
for (var i = 0; i < links.length; i++) {
var link = links[i];
$('#' + link.id).attr('href', link.link);
}
编辑
此外,正如John Hartsock在上面提到的,请确保使用标准的双引号来包围属性值,而不是原始代码中显示的卷曲值。
如果您不想使用jQuery:,这里有一种方法
for (var i = 0; i < links.length; i++) {
var link = links[i];
document.getElementById(link.id).setAttribute('href', link.link);
}
var linksObj = {"links": [
{"link": "http://www.google.com/",
"id": "1"
},
{"link": "http://www.poogle.com/",
"id": "2"
},
{"link": "http://www.foogle.com/ ",
"id": "3"
},
]};
for (var i = 0; i < linksObj.links.length; i++) {
var linkObj = linksObj.links[i];
var elem = document.getElementById(linkObj.id);
if (elem) {
elem.href = linkObj.link;
elem.innerHTML = linkObj.link;
}
}
示例