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

在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日

悬赏问题

  • ¥15 带序列特征的多输出预测模型
  • ¥15 VB.NET读取电脑主板序列号
  • ¥15 Python 如何安装 distutils模块
  • ¥15 关于#网络#的问题:网络是从楼上引一根网线下来,接了2台傻瓜交换机,也更换了ip还是不行
  • ¥15 资源泄露软件闪退怎么解决?
  • ¥15 CCF-CSP 2023 第三题 解压缩(50%)
  • ¥30 comfyui openpose报错
  • ¥20 Wpf Datarid单元格闪烁效果的实现
  • ¥15 图像分割、图像边缘提取
  • ¥15 sqlserver执行存储过程报错