Отладка базового элемента URL с помощью Firebug
-
06-09-2019 - |
Вопрос
Я добавляю базовый URL тег в заголовок документа с помощью JS, чтобы относительные ссылки на странице работали.Но это не вступает в силу и поджигатель (дополнение отладки для Firefox) показывает <BASE />
элемент выделен серым цветом..почему?Означает ли это, что Firefox не может его понять или синтаксис неверен?
Изображение http://www.freeimagehosting.net/uploads/a3122c1ddd.png
Решение
http://www.w3schools.com/TAGS/tag_base.asp
базовый тег состоит из двух компонентов: href и target.У тебя вроде все в порядке.круто, ты приведешь пример ссылок, на которых он не работает?
видеть http://ashita.org/StackOverflow/base_test.html для демонстрации.(мой тест)
Редактировать:см. комментарии
function addBase(url) {
var regex = /^(https?|ftp):\/\//;
var a = Array.prototype.slice.call(document.getElementsByTagName('a'),0);
var link = Array.prototype.slice.call(document.getElementsByTagName('link'),0);
var script = Array.prototype.slice.call(document.getElementsByTagName('script'),0);
var img = Array.prototype.slice.call(document.getElementsByTagName('img'),0);
var hrefs = a.concat(link);
var srcs = img.concat(script);
var element,href,src;
for (var i=0,len=hrefs.length;i<len;++i) {
element = hrefs[i];
href = element.getAttribute("href");
if (href) {
if (!regex.test(href)) {
href = (url + "/" + href).replace("//","/"); //to handle double slash collision
element.setAttribute("href",href);
}
}
}
for (var i=0,len=srcs.length;i<len;++i) {
element = srcs[i];
src = element.getAttribute("src");
if (src) {
if (!regex.test(src)) {
src = (url + "/" + src).replace("//","/"); //to handle double slash collision
element.setAttribute("src",src);
}
}
}
}
Протестировано и работает в Firefox.
Не связан с StackOverflow