Нажмите ссылку внутри 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 с ссылкой на загрузку страницы?

Answer 1

Используйте 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 2

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

Answer 3

Используйте 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();}); 
}

Answer 4

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

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

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

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

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

Чтобы выполнить код, вам нужно вызвать функцию.