如何將CSS，META等標籤插入到使用Javascript的頭標籤中？

我使用的託管CMS有一個錯誤，該錯誤不允許我將內容插入<head>。如何將CSS，META等標籤插入到使用Javascript的頭標籤中？

我想過使用Javascript插入需要的代碼到頭部，但即使工作？如果一個頁面被讀取<head>然後<body>它會甚至很重要的是把代碼放在頭部使用javascript，如果頭部已經被閱讀或者我誤讀了瀏覽器的工作方式？

如果您可以將內容放入頁面的頭部，並且它可以與所有主流瀏覽器一起使用，那麼JavaScript是做什麼的？（我是JavaScript的新手。）

注意：我使用託管 CMS，並且無權訪問任何服務器端腳本。

編輯：

我需要添加CSS和META標籤。

的CSS是這樣的：

<style type="text/css"> 
.slideshow img { display: none } 
.slideshow img.first { display: block } 
</style>

元看起來是這樣的：

<meta property="og:title" content="Title Text" /> 
<meta property="og:type" content="article" /> 
<meta property="og:url" content="URL Path" /> 
<meta property="og:image" content="IMG Path" /> 
<meta property="og:image:type" content="image/jpeg" /> 
<meta property="og:image:width" content="620" /> 
<meta property="og:image:height" content="541" /> 
<meta property="og:site_name" content="My Site" />

這些都是例子，但類似什麼我會加入。

來源

2012-07-22 L84

你需要將哪些元素添加到頭部？ CSS？ JavaScript的？標題標籤？ Meta標籤？ – JCOC611 2012-07-22 01:34:32

@ JCOC611誰會用JS來添加JS？ – 2012-07-22 01:35:17

@ColeJohnson - 很多人。大部分JavaScript API都會這樣做。 – 2012-07-22 01:35:37

對於CSS腳本：

var ele = document.createElement("style"); 
ele.type = "text/css"; 
ele.innerHTML = "CSS CODE"; // Replace with CSS code. 
document.head.appendChild(ele);

的元標記（雖然我懷疑這是可行的，因爲自己看的Meta標籤通常不會執行JavaScript代碼的軟件）：

var ele = document.createElement("meta"); 
ele.property = "propertyName"; //Replace with property name. 
ele.content = "CSS CODE"; // Replace with content. 
document.head.appendChild(ele);

來源

2012-07-22 01:44:10 JCOC611

我相信你對'meta'標籤可能是正確的。我嘗試了CSS的方法，它在FF和IE9中工作，但在IE 8中中斷。思考？ – L84 2012-07-22 01:54:17

用'document.body.appendChild（ele）;'（body而不是head）試試看，看它是否有效。 – JCOC611 2012-07-22 01:56:06

是的，但它可能起作用！無論如何，您可能想要嘗試的另一件事是更改您的DOCTYPE以在兼容模式下觸發IE8。 – JCOC611 2012-07-22 02:06:20

var ele = document.createElement("script"); //Tag name 
ele.src = "your_link.js";     //URL 
document.head.appendChild(ele);    //Insert into <head> 
              //Done.

來源

2012-07-22 01:33:50

謝謝，我會試試看看會發生什麼。還有一個問題，如果我想像我的問題一樣使用CSS（自從你的answer =>我更新了它）我將如何添加它？ – L84 2012-07-22 01:39:59

@Lynda - 看看JCOC611的答案，它會回答你所有的問題。 ;）順便說一下，你應該使用jQuery，它在添加元素和操縱DOM方面超級方便。 – 2012-07-22 02:01:18

我在我的網站上使用jQuery，完全開放給jQuery解決方案。 => – L84 2012-07-22 02:03:21

如何將CSS，META等標籤插入到使用Javascript的頭標籤中？

回答

相關問題