javascript不可以放在css中，因?yàn)閷?duì)系統(tǒng)的資源比較高，所以在css中最好不要寫js代碼，要做到j(luò)s代碼和css代碼分開，這樣比較好維護(hù)。

本文操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

javascript可以放在css中嗎？在css中寫javascript代碼的疑問?

我之前在1篇文章中看到了1段代碼，覺得有點(diǎn)疑惑？

那篇文章我大概記得的代碼如下:

<style type="text/css">   body{   background:url(javascript:alert("test!"));   }   </style>

按照那篇文章中說的，css中的url中的js代碼會(huì)執(zhí)行！既然如此，那我是不是可以理解成css中的url中是可以寫js代碼的，于是我做了以下實(shí)驗(yàn)，我的代碼如下：

<script type="text/javascript">   function getImgPath() { alert("hi 江西省贛州市于都縣渡江大道XXXX號(hào)"); return "img/004.gif"; } </script>   <style type="text/css">   /* 在css中的url中寫javaScript代碼 */ background-image: url(javascript:getImgPath()); /* background-image: url("img/1.jpg"); */   </style>

然后我在火狐瀏覽器中打開jsp頁(yè)面，發(fā)現(xiàn)并沒有執(zhí)行javaScript中的getImgPath()函數(shù)，沒有打印出hi 江西省贛州市于都縣渡江大道XXXX號(hào)這句話，網(wǎng)頁(yè)也沒有設(shè)置背景圖片，所以在css中的url中放javaScript代碼是不會(huì)執(zhí)行js代碼嗎？帶著疑惑，我又在IE瀏覽器中測(cè)試了一下，仍然不會(huì)執(zhí)行css中的url中的js代碼，我用的IE瀏覽器版本是IE11，火狐瀏覽器的版本是49.0，難道是只有在低版本的瀏覽器中才會(huì)執(zhí)行css中的url中的js代碼嗎？

話又說回來，因?yàn)槲铱吹骄W(wǎng)上一些人說，不必糾結(jié)這個(gè)東西，這是IE特有的，通用性不強(qiáng)，建議不要使用，因?yàn)閷?duì)系統(tǒng)的資源比較高。這篇文章提到了這一點(diǎn)！

是呀！css中最好還是不要寫js代碼吧，最好是做到j(luò)s代碼和css代碼分開，這樣也比較好維護(hù)，做到?jīng)芪挤置?

有知道此知識(shí)點(diǎn)的小伙伴，可以留言給我,因?yàn)槲乙膊淮_定在什么情況下會(huì)執(zhí)行css中的js代碼，我也不確定到底會(huì)不會(huì)執(zhí)行css中的js代碼！

【推薦：javascript高級(jí)教程】