使用javascript在html中推送链接

使用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标签

<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()之外{}