javascript可以放在css中吗(2)-木庄网络博客

当前第2页返回上一页

<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中吗的详细内容，更多文章请关注木庄网络博客！

返回前面的内容