如何通过jquery/javascript在中添加内容?-howtoaddanythinginthroughjquery/javascript?

127  

You can select it and add to it as normal:

您可以选择它，并添加到它的正常:

$('head').append('');

101  

Javascript:

Javascript:

document.getElementsByTagName('head')[0].appendChild( ... );

Make DOM element like so:

使DOM元素如下:

link=document.createElement('link');
link.href='href';
link.rel='rel';

document.getElementsByTagName('head')[0].appendChild(link);

25  

jQuery

jQuery

$('head').append( ... );

Javascript:

Javascript:

document.getElementsByTagName('head')[0].appendChild( ... );

7  

In the latest browsers (IE9+) you can also use document.head:

在最新的浏览器(IE9+)中，你也可以使用document.head:

Example:

例子:

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);

6  

You can use innerHTML to just concat the extra field string;

你可以用innerHTML把额外的字段字符串加起来;

document.head.innerHTML = document.head.innerHTML + '...'

However, you can't guarantee that the extra things you add to the head will be recognised by the browser after the first load, and it's possible you will get a FOUC (flash of unstyled content) as the extra stylesheets are loaded.

但是，您不能保证在第一次加载之后，浏览器会识别您添加到头部的额外内容，并且在加载额外的样式表时，您可能会得到一个FOUC(无样式内容的flash)。

I haven't looked at the API in years, but you could also use document.write, which is what was designed for this sort of action. However, this would require you to block the page from rendering until your initial AJAX request has completed.

我已经很多年没有看过API了，但是您也可以使用document。写作，就是为这种行为而设计的。但是，这需要您在初始AJAX请求完成之前阻止页面的呈现。

6  

Create a temporary element (e. g. DIV), assign your HTML code to its innerHTML property, and then append its child nodes to the HEAD element one by one. For example, like this:

创建一个临时元素(例如。将HTML代码分配给它的innerHTML属性，然后将子节点逐个附加到HEAD元素。例如,像这样:

var temp = document.createElement('div');

temp.innerHTML = ''
               + '

-4  

With jquery you have other option:

使用jquery您还有其他选择:

$('head').html($('head').html() + '...');

anyway it is working. Javascript option others said, thats correct too.

无论如何这是工作。别人说的Javascript选项也是正确的。