Есть ли способ изменить атрибуты тега <html> во время выполнения?

Question

Есть ли способ изменить атрибуты тега <html> во время выполнения?

Я хочу добавить атрибут манифеста во время выполнения, чтобы я мог контролировать, когда будет загружен Appcache.

Пример: когда пользователь правильно вошел в приложение,

<html>
// page content
</html>

меняется на:

<html manifest="myapp.manifest">
// page content
</html>

Есть ли в любом случае я могу добиться этого с помощью JavaScript, JQuery или что-нибудь? Я хочу контролировать, когда Appcache будет загружен условно (я уже читал о том, что внутри iFrame есть другой html).

4

javascript html jquery html5 html5-appcache

Источник

user2601683 27 мар '14 в 05:30

6 ответов

Другие вопросы по тегам javascript html jquery html5 html5-appcache

user218196 27 мар '14 в 05:32 2014-03-27 05:32 · Answer 1 · 2014-03-27 05:32

Согласно спецификации, изменение manifest Атрибут после загрузки документа не имеет никакого эффекта.

Вы все еще можете получить доступ к html элемент и изменить значение атрибута, с помощью document.documentElement :

document.documentElement.setAttribute('manifest', 'myapp.manifest');

Это просто ничего не сделает.

user3085310 27 мар '14 в 05:34 2014-03-27 05:34 · Answer 2 · 2014-03-27 05:34

Вы можете использовать .attr ():

Получить значение атрибута для первого элемента в наборе соответствующих элементов или установить один или несколько атрибутов для каждого соответствующего элемента.

$('html').attr('manifest','myapp.manifest');

3

Источник

user3085310 27 мар '14 в 05:34

user1084437 27 мар '14 в 05:47 2014-03-27 05:47 · Answer 3 · 2014-03-27 05:47

Можно использовать обычные способы добавления атрибута к элементу, например

document.documentElement.setAttribute('manifest', 'foo.appcache');

(Как указывает @FelixKing в комментарии, присваивая document.documentElement.manifest не работает, по спецификациям, так как manifest не определено в DOM. Сначала меня ввели в заблуждение поведение Chrome в этом выпуске.)

Однако это не имеет никакого эффекта. HTML5 CR говорит: "Атрибут манифеста влияет только на ранних этапах загрузки документа. Таким образом, динамическое изменение атрибута не имеет никакого эффекта (и, следовательно, API-интерфейс DOM для этого атрибута не предусмотрен) ".

(Ну, это имеет эффект присутствия, так что вы можете использовать атрибут в стилизации, получить значение атрибута и т. Д. Но ничего, что могло бы вызвать операции кеширования приложения.)

user1501794 27 мар '14 в 05:33 2014-03-27 05:33 · Answer 4 · 2014-03-27 05:33

Попробуй это:

document.documentElement.setAttribute('manifest', 'myapp.manifest');

Из документов:

document.documentElement
Возвращает элемент, являющийся корневым элементом документа (например, элемент для документов HTML).

1

Источник

user1501794 27 мар '14 в 05:33

user3129183 27 мар '14 в 05:34 2014-03-27 05:34 · Answer 5 · 2014-03-27 05:34

Попробуйте это с помощью jQuery.

$('html').attr('manifest', 'myapp.manifest');

0

Источник

user3129183 27 мар '14 в 05:34

user173109 25 июн '14 в 21:37 2014-06-25 21:37 · Answer 6 · 2014-06-25 21:37

Может оказаться невозможным эффективно добавить атрибут manifest, но возможно удалить его, и тем самым вы сможете достичь того же результата.

Чтобы отключить appcache, я использую это:

window.console.warn('removing appcache');
window.document.documentElement.removeAttribute('manifest');

Пожалуйста, будьте осторожны, это не всегда работает!