我爱编程

动态修改link的href属性

2018-04-11  本文已影响0人  朱ff_14fe

为什么要动态修改link的href属性?

    1.可能需要动态插入css样式表。

    2.可能需要动态修改css样式表。

动态修改link的href属性带来的问题。

    有个需求,要求我动态修改外部css样式表的href属性,代码写好之后在浏览器上跑起来发现:

界面样式没有任何修改,通过开发者控制台看到,link的href是我动态修改后的,完全没有问题,

查看加载的文件发现,旧的样式表和新的样式表都已经加载完成。

思考:为什么不生效

    新旧样式表都已经加载完成,并且href已经变成新的样式表的路径,那么猜测可能是浏览器加载新的样式表,但是没有做渲染。

解决方法: 1.修改href之前先把type属性置空,然后修改href,再把type属性设置回来。

                    2.先把href置空,再设置href为对应的值。

可能和浏览器的解析方式有关,暂时只找到解决方法,没有找到根本原因。

上一篇 下一篇

猜你喜欢

热点阅读