Jit*_*yas 94 javascript css xhtml jquery
使用CMS,这会阻止编辑<head>元素的HTML源代码.
例如,我想在<title>标记上方添加以下内容:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
nic*_*ckf 144
您可以选择它并正常添加到它:
$('head').append('<link />');
小智 119
JavaScript的:
document.getElementsByTagName('head')[0].appendChild( ... );
像这样制作DOM元素:
link=document.createElement('link');
link.href='href';
link.rel='rel';
document.getElementsByTagName('head')[0].appendChild(link);
Dav*_*und 26
jQuery的
$('head').append( ... );
JavaScript的:
document.getElementsByTagName('head')[0].appendChild( ... );
创建一个临时元素(例如DIV),将HTML代码分配给其innerHTML属性,然后将其子节点HEAD逐个附加到元素.例如,像这样:
var temp = document.createElement('div');
temp.innerHTML = '<link rel="stylesheet" href="example.css" />'
+ '<script src="foobar.js"><\/script> ';
var head = document.head;
while (temp.firstChild) {
head.appendChild(temp.firstChild);
}
与HEAD通过其重写整个内容相比innerHTML,这不会HEAD以任何方式影响元素的现有子元素.
请注意,以这种方式插入的脚本显然不会自动执行,而成功应用样式.因此,如果您需要执行脚本,则应使用Ajax加载JS文件,然后使用执行其内容eval().
在最新的浏览器(IE9 +)中,您还可以使用document.head:
例:
var favicon = document.createElement('link');
favicon.id = 'myFavicon';
favicon.rel = 'shortcut icon';
favicon.href = 'http://www.test.com/my-favicon.ico';
document.head.appendChild(favicon);
您可以使用innerHTML只是连接额外的字段字符串;
document.head.innerHTML = document.head.innerHTML + '<link rel="stylesheet>...'
但是,您无法保证在第一次加载后浏览器会识别添加到头部的额外内容,并且您可能会在加载额外样式表时获得FOUC(无样式内容的闪存).
我多年没有看过API了,但你也可以使用document.write,这就是为这种行为而设计的.但是,这将要求您阻止页面呈现,直到您的初始AJAX请求完成.
尝试纯 javascript：
库 JS：
appendHtml = function(element, html) {
var div = document.createElement('div');
div.innerHTML = html;
while (div.children.length > 0) {
element.appendChild(div.children[0]);
}
}
类型：
appendHtml(document.head, '<link rel="stylesheet" type="text/css" href="http://example.com/example.css"/>');
或 jQuery：
$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', 'http://example.com/example.css'));
| 归档时间： |
|
| 查看次数： |
210806 次 |
| 最近记录： |