如何將javascript變量傳遞給外部css文件？

我是編程和網頁設計的新手，我正在嘗試創建一個網站。我對於它的外觀是計劃 this 如何將javascript變量傳遞給外部css文件？

所以，我使用的代碼是

<body> 
<div id="header"> 

</div> 
<div id="content"> 

</div> 
<div id="footer"> 

</div> 



<script> 
     function getWidth() 
     { 
      xWidth = null; 
      if(window.screen != null) 
       xWidth = window.screen.availWidth; 

      if(window.innerWidth != null) 
       xWidth = window.innerWidth; 

      if(document.body != null) 
       xWidth = document.body.clientWidth; 

      return xWidth; 
     } 
     function getHeight() { 
      xHeight = null; 
      if(window.screen != null) 
       xHeight = window.screen.availHeight; 

      if(window.innerHeight != null) 
       xHeight = window.innerHeight; 

      if(document.body != null) 
       xHeight = document.body.clientHeight; 

      return xHeight; 
     } 
</script> 
</body>

後，我已經創建了一個.css文件（空的）。所以，我想創建一個網站，從讀者的屏幕上獲取可用的寬度和高度，然後在計算數字後顯示相對於可用寬度和高度的div，例如，小盒子將具有height = width = 5％可用.width_of_screen。每個小盒子都將是一個項目或一個帖子。

所以，我的問題是：我如何傳遞變量的數據在外部的CSS來計算我的網站的數字？

感謝，加布裏埃爾

來源

2013-01-05 gabriel

它更好地隱藏在JavaScript中的div而不是在CSS中進行更改。 – insomiac

你是什麼意思？ – gabriel

它很難通過javascript將值傳遞給外部css文件。如果你想對css進行更改，請從javascript或使用jquery進行更改。 – insomiac

您可以設置使用jQuery像這樣的CSS變量：

$("p").css({"background-color":"yellow","font-size":"200%"});

在這種情況下，你會用變量代替「黃」和「200％」。

來源

2013-01-05 21:44:23

對不起我的問題，但究竟是什麼jQuery？這段代碼適用於html文件嗎？這是適用於外部的CSS文件？ – gabriel

@gabriel這是一個JavaScript庫，它使得在某些情況下使用JavaScript更容易或更高效。 –

@AlexW謝謝！那麼，javascript可以在任何.css，.html文件中執行？我應該在哪裏執行上面的代碼？ – gabriel

如何將javascript變量傳遞給外部css文件？

回答

相關問題