Нажмите ссылку в HTML с использованием JavaScript

Question

У меня есть 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> 

, как поместить изображение на DIV со ссылкой на PageLoad?

Answer 1

У вас есть " символов внутри " -string.
Следовательно, строка заканчивается на первом ", а остальная часть строки становится синтаксической ошибкой.

Вы должны использовать ' вместо ", чтобы создать строку, как это:

'<a href="/lime/link.html"><img src="/lime/img.png"></a>' 

Кроме того, код может работать только тогда, когда img элемент уже был разобран.
Если блок <script> появляется перед тегом <div>, вам необходимо выполнить код в событии onload.

Наконец, ваш пример определяет функцию, но никогда не вызывает функцию.

Для выполнения кода вам необходимо вызвать функцию.

Answer 2

Использование 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> 

Примечание: Вы были возникли проблемы цитаты неправильно матч, я установил это тоже :)

Answer 3

Используйте onload -Event

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();}); 
} 

Answer 4

Добавьте window.onload=img; к вашему скрипту, вне функции img() {}