Что означает тег сценария с src AND content?

122

Пример кнопки +1 в Google:

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
      {"parsetags": "explicit"}
</script>

Тег сценария имеет атрибут src и содержимое. Что это значит и как это работает?

javascript

— USR
источник

Firebug Lite использует этот метод: getfirebug.com/firebuglite

— Брэд,

71

Разные браузеры относятся к этому по-разному. Некоторые запускают контент только в том случае, если srcон включен без ошибок. Некоторые запускают его после попытки включить srcскрипт, несмотря на успех. Поскольку такое поведение ненадежно (и запрещено в HTML5 ), его следует избегать.

Google не полагается на какое-то конкретное поведение. Поскольку содержимое представляет собой просто литерал объекта (значение), его выполнение на самом деле не приведет ни к чему, кроме как вызвать тихую ошибку. Код Google просматривает содержимое самого scriptтега и на его основе корректирует свое поведение.

— Джереми Бэнкс
источник

2

Есть ли более умный способ для сценария просматривать содержимое своего собственного тега сценария (в частности), чем просмотр DOM?

— Karl Knechtel

11

Во всех браузерах, с которыми я работал, содержимое скрипта никогда не будет выполнено, если srcатрибут присутствует, и на самом деле это не литерал объекта, этот код будет создавать, SyntaxErrorесли выполняется, это просто «текст JSON», который скрипт будет использовать само собой позже.

— CMS

2

@Karl, используемый во внешнем файле .js, даст вам содержимое текущего исполняемого узла <script>: s=document.getElementsByTagName('script'); text = s[s.length-1].innerHTML; я не думаю, что есть какой-либо способ получить содержимое узла сценария, не затрагивающего DOM ,

— digitalbath

@CMS работает во всех браузерах, кроме IE. Вы можете увидеть это здесь

— Хосе Фаэти

1

@jose - ваш пример - это не то, на что ссылалась CMS. Если код выполняется как отдельный оператор, это синтаксическая ошибка. Ваш пример (и Google) «работает» только потому, что содержимое элемента script игнорируется из-за атрибута src .

— RobG

23

Если элемент сценария имеет атрибут src , содержимое следует игнорировать, любое другое поведение не соответствует требованиям.

В блогах предлагалось (в качестве взлома) помещать контент в элемент, зная, что он не будет оцениваться, затем использовать методы DOM, чтобы получить контент в виде строки и либо оценить его, либо вставить в новый элемент скрипта. Ни то, ни другое не является хорошей идеей.

— RobG
источник

4

Почему это плохая идея? Что, если он используется для инициализации стороннего плагина?

— thekingoftruth 05

13

Согласно черновику спецификации HTML5 , <script>элементы с srcатрибутами должны иметь только закомментированный код, который предназначен для документации для сценария. Однако не похоже, что Google соответствует этой спецификации.

— Джим
источник

13

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

Он будет использовать примерно такой код:

var scripts = document.getElementsByTagName("script");
var data = eval(scripts[scripts.length - 1].innerHTML);

Предоставлено Джоном Ресигом .

— Джеймс Биллингем
источник