Я пытаюсь объединить 2 функции отсрочки инициализации в 1 сценарий Java.
На самом деле я сейчас пытаюсь объединить еще один, но он делает конфликт и JS очень тяжелым. это 2 разных сценария + 1 не так важен (но если у вас получится, помогите мне объединить их все идеально, чтобы было лучше).
Этот код я пытаюсь поставить после того, как отредактирую его 2 (2 функции init):
function init() {
var imgDefer = document.querySelectorAll('div[data-src]');
var style = "background-image: url({url})";
for (var i = 0; i < imgDefer.length; i++) {
imgDefer[i].setAttribute('style', style.replace("{url}", imgDefer[i].getAttribute('data-src')));
}
imgDefer = document.getElementsByTagName('img');
for (var i = 0; i < imgDefer.length; i++) {
if (imgDefer[i].getAttribute('data-src')) {
imgDefer[i].setAttribute('src', imgDefer[i].getAttribute('data-src'));
}
}
}
window.onload = init;
Я тоже делаю его коротким... он откладывает изображения, но замедляет сайт:
function init(){for(var t=document.querySelectorAll("div[data-src]"),e=0;e<t.length;e++)t[e].setAttribute("style","background-image: url({url})".replace("{url}",t[e].getAttribute("data-src")));t=document.getElementsByTagName("img");for(e=0;e<t.length;e++)t[e].getAttribute("data-src")&&t[e].setAttribute("src",t[e].getAttribute("data-src"))}window.onload=init;
(код отложен можно посмотреть на сайте: locksmithunit.com)
Но он очень медленно загружает страницу.
И это все исходные коды... эти коды для отложенных изображений и последний для "кадра"
Рама не так важна. и если вы можете дать мне его отдельно, потому что у меня нет iframe.
Пожалуйста, помогите мне, ребята, я очень потерял. Я больше всего комбинирую как минимум первые 2 скрипта из всех 3-х, которые отправляю сейчас:
<script>
function init() {
var imgDefer = document.getElementsByTagName('img');
for (var i=0; i<imgDefer.length; i++) {
if(imgDefer[i].getAttribute('data-src')) {
imgDefer[i].setAttribute('src',imgDefer[i].getAttribute('data-src'));
} } }
window.onload = init;
<script>
<script>
function init() {
var imgDefer = document.querySelectorAll('div[data-src]');
var style = "background-image: url({url})";
for (var i = 0; i < imgDefer.length; i++) {
imgDefer[i].setAttribute('style', style.replace("{url}", imgDefer[i].getAttribute('data-src')));
}
}
window.onload = init;
</script>
<script>
function init() {
var vidDefer = document.getElementsByTagName('iframe');
for (var i=0; i<vidDefer.length; i++) {
if(vidDefer[i].getAttribute('data-src')) {
vidDefer[i].setAttribute('src',vidDefer[i].getAttribute('data-src'));
} } }
window.onload = init;
</script>
1 ответ
Ok. поэтому я пытаюсь откладывать изображения на своем веб-сайте... на 120 страницах... теперь, когда я начинаю, я могу откладывать только изображения.
После этого мне удается отложить фоновое изображение: url(). но это другой JS, как вы видите в примере, который я публиковал ранее.
Мне удается их комбинировать, но все же JS не дает полной мощности.
После этого я снова начинаю исправлять страницы и замечаю, что на нескольких страницах есть iframe карт Google. (что-то около 40 страниц).
И я также пытаюсь отложить iframe, но это было слишком много для javascript, и веб-сайт теряет загрузку страницы...
JS нужно переписать снова... я пробую пару вариантов, как я уже публиковал ранее, но ни один из них не улучшает загрузку страницы.
Если нам удастся исправить Javascript, по крайней мере, поместите 2 функции внутри JS, JS фона и изображений, вы спасете меня, потому что я уже редактирую все 120 страниц, а JS работает и откладывает, но повредит загрузку страницы, потому что JS не написано хорошо. (iframe не так важен, как изображения и фон)
Похожие вопросы
Новые вопросы
javascript
По вопросам программирования на ECMAScript (JavaScript/JS) и его различных диалектах/реализациях (кроме ActionScript). Обратите внимание, что JavaScript — это НЕ Java. Включите все теги, относящиеся к вашему вопросу: например, [node.js], [jQuery], [JSON], [ReactJS], [angular], [ember.js], [vue.js], [typescript], [стройный] и т. д.
init
, как приложение узнает, какой из них использовать? Они все на разных страницах? Вы просто ищете помощь, объединяющую все 3 в одну функцию для запуска изmaster page
или некоторогоhomepage
? Просьба уточнить