В этой статье описывается метод динамического создания тегов ссылок в главу JavaScript. Поделитесь этим для вашей ссылки. Конкретный анализ заключается в следующем:
Я считаю, что многие фронт -друзья столкнулись с необходимостью использовать JavaScript для динамического создания тегов StyleShip - теги ссылок. Здесь мы поговорим о том, как динамически создать теги ссылок в браузере.
Создать теги ссылки с помощью jQuery
Если вам нравится использовать jQuery в разработке, то использование jQuery для создания тегов ссылок должно выглядеть следующим образом:
Копия кода следующим образом: var cssurl = '/style.css',
linktag = $ ('<link href = "' + cssurl + '" rel = "styleSheet" type = "text /css" media = "' + (media ||" all ") + '" charset = "' + charset ||" utf-8 " + '" />');
// Пожалуйста, посмотрите четко, динамически добавить теги ссылки в голову
$ ($ ('head') [0]). Append (linktag);
Создать теги ссылки с использованием нативного JavaScript
Если вам нравится чистый и естественный JavaScript, вам нужно написать это так:
Копия кода следующим образом: var head = document.getElementsbytagname ('head') [0],
cssurl = '/style.css',
linktag = document.createElement ('link');
linktag.id = 'dynamic-style';
linktag.href = cssurl;
linktag.setattribute ('rel', 'stylesheet');
linktag.setattribute ('Media', 'All');
linktag.setattribute ('type', 'text/css');
Head.AppendChild (Linktag);
Уникальный метод IE
Уникальный метод IE также очень удобен.
Копия кода следующим образом: var head = document.getElementsbytagname ('head') [0],
cssurl = 'themes/bluenight/style.css',
// document.createstyleSheet добавил тег ссылки в голову. Как это сказать, это довольно удобно
linktag = document.createstyleSheet (cssurl);
Метод CreatestyleSheet ([Surl] [, iindex]) принимает два параметра, а SURL - это путь URL -файла файла CSS. Iindex является дополнительным параметром, который относится к индексу позиции коллекции StyleShips, вставленной на странице. По умолчанию в конце добавляется недавно созданный стиль.
Полное решение
По сути, все они были введены, давайте посмотрим на полное решение:
Копия кода выглядит следующим образом: Функция CreateLink (CSSURL, LNKID, Charset, Media) {
var Head = $ ($ ('head') [0]),
linktag = null;
if (! cssurl) {
вернуть ложь;
}
linktag = $ ('<link href = "' + cssurl + '" rel = "styleSheet" type = "text /css" media = "' + (media ||" all ") + '" charset = "' + charset ||" utf-8 " + '" />');
Head.append (Linktag);
}
Функция CreateLink (CSSURL, LNKID, Charset, Media) {
var head = document.getelementsbytagname ('head') [0],
linktag = null;
if (! cssurl) {
вернуть ложь;
}
linktag = document.createElement ('link');
linktag.setattribute ('id', (lnkid || 'dynamic-style'));
linktag.setattribute ('rel', 'stylesheet');
linktag.setattribute ('charset', (charset || 'utf-8'));
linktag.setattribute ('Media', (Media || 'All'));
linktag.setattribute ('type', 'text/css');
linktag.href = cssurl;
Head.AppendChild (Linktag);
}
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.