程宇寒 2018-11-08 08:23 采纳率: 78.6%
浏览 521
已采纳

在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代码!

  • 写回答

1条回答 默认 最新

  • 当作看不见 2018-11-08 09:49
    关注

    不建议使用这种会给人带来困惑的奇淫巧技,没有任何价值,IE现在正在被扫入到历史的垃圾堆里

    好好学好基础知识才是正确的做法..

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 已采纳回答 3月21日

悬赏问题

  • ¥50 adb连接不到手机是怎么回事?
  • ¥15 vs2022无法联网
  • ¥15 TCP的客户端和服务器的互联
  • ¥15 VB.NET操作免驱摄像头
  • ¥15 笔记本上移动热点开关状态查询
  • ¥85 类鸟群Boids——仿真鸟群避障的相关问题
  • ¥15 CFEDEM自带算例错误,如何解决?
  • ¥15 有没有会使用flac3d软件的家人
  • ¥20 360摄像头无法解绑使用,请教解绑当前账号绑定问题,
  • ¥15 docker实践项目