element.clientHeight запускается javascript перед загрузкой изображения - PullRequest
0 голосов
/ 03 августа 2020

На моем веб-сайте верхний край одного элемента зависит от высоты изображения.

  1. Я использовал для этой цели image.clientHeight. Когда я загружаю страницу с URL-адреса, она работает. Но при обновлении страницы значение margin-top равно 0. Прочитав, я обнаружил, что это происходит из-за того, что сценарий js загружался до того, как страница была загружена (пожалуйста, поправьте меня, если я ошибаюсь).

  2. Итак, я поместил сценарий js из отдельного файла в конец тега тела html, думая, что это может помочь. Но ничего не изменилось.

  3. Затем я попытался добавить изображение. функция, и это сработало! Но с первого раза сработало только экран. Последующие обновления по-прежнему имели требуемый крайний предел равный 0: обратный вывод по сравнению с предыдущими попытками. Я также попробовал body.onload с аналогичным результатом.

Теперь я застрял без решения этой проблемы. Я пытаюсь решить все это в чистом виде javascript, поскольку я новичок в js и меньше знаю о jquery. Просто я хочу, чтобы image.clientHeight отображал правильное значение (чистое js, если возможно). Пожалуйста, объясните мне, почему этого не происходит, и помогите мне, если сможете. Спасибо!

1 Ответ

0 голосов
/ 03 августа 2020

Вам необходимо вложить свой код в экземпляр window.onload .

Распространенная ошибка. Если вы хотите полностью использовать преимущества JavaScript.

, может быть полезно потратить некоторое время на изучение того, как элементы загружаются на страницу и некоторые элементарные концепции HTTP.
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...