javascript能不能放在css中

這篇文章將為大家詳細講解有關javascript能不能放在css中，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

javascript不可以放在css中，因為對系統的資源比較高，所以在css中最好不要寫js代碼，要做到js代碼和css代碼分開，這樣比較好維護。

本文操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

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

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

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

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

按照那篇文章中說的，css中的url中的js代碼會執行！既然如此，那我是不是可以理解成css中的url中是可以寫js代碼的，于是我做了以下實驗，我的代碼如下：

<script type="text/javascript">
 
function getImgPath() {
alert("hi 江西省贛州市于都縣渡江大道XXXX號");
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頁面，發現并沒有執行javaScript中的getImgPath()函數，沒有打印出hi 江西省贛州市于都縣渡江大道XXXX號這句話，網頁也沒有設置背景圖片，所以在css中的url中放javaScript代碼是不會執行js代碼嗎？帶著疑惑，我又在IE瀏覽器中測試了一下，仍然不會執行css中的url中的js代碼，我用的IE瀏覽器版本是IE11，火狐瀏覽器的版本是49.0，難道是只有在低版本的瀏覽器中才會執行css中的url中的js代碼嗎？

話又說回來，因為我看到網上一些人說，不必糾結這個東西，這是IE特有的，通用性不強，建議不要使用，因為對系統的資源比較高。這篇文章提到了這一點！

是呀！css中最好還是不要寫js代碼吧，最好是做到js代碼和css代碼分開，這樣也比較好維護，做到涇渭分明!

有知道此知識點的小伙伴，可以留言給我,因為我也不確定在什么情況下會執行css中的js代碼，我也不確定到底會不會執行css中的js代碼！

關于“javascript能不能放在css中”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。