美文网首页我爱编程
动态修改link的href属性

动态修改link的href属性

作者: 朱ff_14fe | 来源:发表于2018-04-11 14:10 被阅读0次

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

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

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

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

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

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

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

思考:为什么不生效

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

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

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

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

相关文章

  • 动态修改link的href属性

    为什么要动态修改link的href属性? 1.可能需要动态插入css样式表。 2.可能需要动态修改css样...

  • a标签CSS伪类pseudo-class执行顺序

    :link 有链接属性href时:visited 链接地址href已被访问过:active ...

  • css3 选择器:动态伪类选择器(一)

    :link :link 只能用于 a 标签,并且标签带有 href 属性时,才会匹配到。 :visited 当点击...

  • a标签的4个伪类

    a标签的4个伪类分别是: :link ( 有链接属性的时候显示 -- href 属性 ) :visited ( 链...

  • 前端数据请求方式

    一。几种方式 1、 link标签的href属性2、 script标签的src属性3、 img标签的src属性4、 ...

  • 绑定属性

    v-bind指令介绍 动态绑定属性:比如a元素的href属性,img元素的src属性 作用:动态绑定属性 缩写::...

  • HTML5全局属性汇总

    局部属性:有些元素能规定自己的属性,这种属性称为局部属性。 比如link元素,它具有的局部属性有href、 rel...

  • v-bind之动态绑定

    1. v-bind 绑定基本属性 动态绑定img的src属性 动态绑定a的href属性 等等 语法糖写法(简写):...

  • 小试网页换肤

    一、可实现的方法: 1、通过动态改变link标签的href 2、添加新的link标签覆盖原来的css3、自定义主题...

  • iOS RunTime 理解

    可以遍历对象的属性 可以动态的添加、修改属性,动态添加、修改、替换方法,动态添加、修改、替换协议 可以动态创建类、...

网友评论

    本文标题:动态修改link的href属性

    本文链接:https://www.haomeiwen.com/subject/pegahftx.html