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進階教學###】####

以上是javascript可以放在css嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章！