使用javascript在html中推送链接
我有一个div标签使用javascript在html中推送链接,javascript,html,dom,Javascript,Html,Dom,我有一个div标签 <div id="img"> <div> 和一个脚本 <script type="text/javascript"> function img(){ document.getElementById('img').innerHTML="<a href="/lime/link.html"><img src="/lime/img.png"></a>";} </script> 函数i
<div id="img"> <div>
和一个脚本
<script type="text/javascript">
function img(){
document.getElementById('img').innerHTML="<a href="/lime/link.html"><img src="/lime/img.png"></a>";}
</script>
函数img(){
document.getElementById('img').innerHTML=“;}
如何使用pageload上的链接将图像放在div上?您在“
字符串中有字符。
因此,字符串在第一个“
处结束,行的其余部分成为语法错误
您应该使用“
而不是”
来创建字符串,如下所示:
'<a href="/lime/link.html"><img src="/lime/img.png"></a>'
“”
此外,仅当img
元素已被解析时,代码才能工作。
如果
块出现在
标记之前,则需要在onload
事件中执行代码
最后,您的示例定义了一个函数,但从未调用该函数
要执行代码,您需要调用函数。使用window.onload
:
<script type="text/javascript">
window.onload = function(){
document.getElementById('img').innerHTML='<a href="/lime/link.html"><img src="/lime/img.png"></a>';
};
</script>
window.onload=函数(){
document.getElementById('img')。innerHTML='';
};
注意:您遇到了引号不匹配的问题,我也解决了:)使用onload
-事件
function appendHref() {
document.getElementById('img').innerHTML="<a href=\"/lime/link.html\"><img src=\"/lime/img.png\"></a>";
}
if (window.addEventListener){
window.addEventListener('load', function(e) {appendHref();}, false);}
else if (window.attachEvent){
window.attachEvent('onload', function(e) {appendHref();});
}
函数appendHref(){
document.getElementById('img').innerHTML=“”;
}
if(window.addEventListener){
addEventListener('load',函数(e){appendHref();},false);}
else如果(window.attachEvent){
attachEvent('onload',函数(e){appendHref();});
}
添加窗口。onload=img代码>到脚本,在函数img()之外{}