String.prototype.anchor()
Застаріло: Це — нерекомендована функціональність. Хоча деякі браузери все ще можуть її підтримувати, її або вже виключено з актуальних вебстандартів, або вона знаходиться в процесі завершення підтримки, або ж її залишили лише з міркувань зворотної сумісності. Слід уникати її використання, і якщо можливо — оновлювати вже написаний код, що опирається на цю функціональність (дивіться таблицю сумісності внизу цієї сторінки, щоб прийняти рішення). Майте на увазі: ця функціональність може припинити працювати в будь-який момент.
Метод anchor()
(якір) значень String
створює рядок, що вбудовує рядок цього метода в елемент <a>
з іменем (<a name="...">str</a>
).
Примітка: Всі Методи для обгортання в HTML – нерекомендовані, вони стандартизовані лише для потреб сумісності. Замість них слід використовувати API DOM, наприклад,
document.createElement()
.Специфікація HTML більше не дозволяє елементам
<a>
мати атрибутname
, тож цей метод навіть не породжує дійсну розмітку.
Синтаксис
anchor(name)
Параметри
name
Рядок, що містить значення атрибута
name
, яке буде вкладено в згенерований початковий тег<a name="...">
.
Повернене значення
Рядок, що починається з початкового тега <a name="name">
(подвійні лапки у name
замінюються на "
), потім текст str
, і в кінці – кінцевий тег </a>
.
Приклади
Застосування методу anchor()
Код нижче створює рядок HTML, а тоді замінює цим рядком тіло документа:
const contentString = "Привіт, світе";
document.body.innerHTML = contentString.anchor("hello");
Це породжує наступний HTML:
<a name="hello">Привіт, світе</a>
Застереження: Ця розмітка є некоректною, тому що
name
більше не є дійсним атрибутом елемента<a>
. Замість використанняanchor()
та безпосереднього створення розмітки HTML слід використовувати API DOM, як тоdocument.createElement()
. Наприклад:
const contentString = "Привіт, світе";
const elem = document.createElement("a");
elem.innerText = contentString;
document.body.appendChild(elem);
Специфікації
Сумісність із браузерами
desktop | mobile | server | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
anchor
|
Chrome Full support 1 | Edge Full support 12 | Firefox Full support 1 | Internet Explorer No support Ні | Opera Full support 3 | Safari Full support 1 | WebView Android Full support 1 | Chrome Android Full support 18 | Firefox for Android Full support 4 | Opera Android Full support 10.1 | Safari on iOS Full support 1 | Samsung Internet Full support 1.0 | Deno Full support 1.0 | Node.js Full support 0.10.0 |