这篇文章将为大家详细讲解有关javascript能不能放在css中，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

成都创新互联是一家集网站建设,蓬莱企业网站建设,蓬莱品牌网站建设,网站定制,蓬莱网站建设报价,网络营销,网络优化,蓬莱网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

javascript不可以放在css中，因为对系统的资源比较高，所以在css中最好不要写js代码，要做到js代码和css代码分开，这样比较好维护。

本文操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

javascript可以放在css中吗？在css中写javascript代码的疑问?

我之前在1篇文章中看到了1段代码，觉得有点疑惑？

那篇文章我大概记得的代码如下:

 
body{
 
background:url(javascript:alert("test!"));
 
}
 

按照那篇文章中说的，css中的url中的js代码会执行！既然如此，那我是不是可以理解成css中的url中是可以写js代码的，于是我做了以下实验，我的代码如下：

 
function getImgPath() {
alert("hi 江西省赣州市于都县渡江大道XXXX号");
return "img/004.gif";
}

 

 
/* 在css中的url中写javaScript代码 */
background-image: url(javascript:getImgPath());
/* background-image: url("img/1.jpg"); */
 

然后我在火狐浏览器中打开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中”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

当前文章：javascript能不能放在css中
转载来于：http://hbruida.cn/article/johjod.html