2012-07-22 134 views
1

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

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

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

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

編輯:

我需要添加CSSMETA標籤。

的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" /> 

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

+3

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

+0

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

+2

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

回答

1

對於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); 
+0

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

+0

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

+1

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

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

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

+0

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

+0

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