`
wanggeying
  • 浏览: 66506 次
  • 性别: Icon_minigender_2
  • 来自: 济南
社区版块
存档分类
最新评论

js动态创建link

    博客分类:
  • JS
阅读更多

jquery写法兼容性不错

<script> 

  var link = document.createElement('link');

  $(link).attr('rel','stylesheet');

  $(link).attr('type','text/css');

  $(link).attr('href','/platform/static/largedata/desktop/css/index.css');

  document.getElementsByTagName('head')[0].appendChild(link)

</script> 

以下这种写法也可以的

<script>

  var link = document.createElement('link');

  link.setAttribute('rel','stylesheet');

  link.setAttribute('type','text/css');

  link.setAttribute('href','/platform/static/largedata/desktop/css/index.css');

  document.getElementsByTagName('head')[0].appendChild(link)

</script> 

分享到:
评论

相关推荐

    JavaScript动态创建link标签到head里的方法

    本文实例讲述了JavaScript动态创建link标签到head里的方法。分享给大家供大家参考。具体分析如下: 相信有很多做前端的朋友碰到过需要用 JavaScript 动态创建样式表标签——link标签。这里我们就来说说如何在浏览器...

    动态创建夜空小星星的过程.rar

    这个项目涉及的关键技术包括JavaScript的DOM操作以及动态创建元素,这些是Web开发中的核心技能。 首先,HTML(超文本标记语言)是网页内容的基础结构。在本示例中,我们可能需要一个简单的HTML页面作为画布,可以...

    js 动态引用外部js,css文件

    1. **动态创建`&lt;script&gt;`元素**:我们可以利用JavaScript创建`&lt;script&gt;`元素,并设置其`src`属性为所需JS文件的URL,然后将其插入到DOM中。这样,浏览器会解析到新的`&lt;script&gt;`元素并异步加载对应的文件。 ```...

    javascript实现动态导入js与css等静态资源文件的方法.docx

    ### JavaScript 实现动态导入 JS 与 CSS 等静态资源文件的方法 在现代 Web 开发中,动态地加载脚本和样式表是非常常见的需求。这不仅有助于提高网站性能(例如,按需加载资源),还能增强用户体验(例如,在特定...

    js 动态设置图片的热区并获取图片坐标

    在JavaScript中,我们可以通过DOM操作来动态创建和修改这些`&lt;area&gt;`元素。以下是一个简单的示例,展示如何创建一个新的矩形热区: ```javascript var img = document.querySelector('img[usemap="#imageMap"]'); ...

    Javascript动态创建 style 节点

    有很多提供动态创建 style 节点的方法,但是大多数都仅限于外部的 css 文件。如何能使用程序生成的字符串动态创建 style 节点,我搞了2个小时。 静态外部 css 文件语法: @import url(style.css); 动态外部 css 文件...

    js 动态加载网页样式

    在这个场景中,我们利用JavaScript(jQuery)库来实现这一功能,同时还借助了`jquery.cookie.js`插件来保存用户的个性化设置。以下是关于这个主题的详细解释。 首先,`javascript`是网页脚本语言,它赋予了HTML页面...

    element动态创建多级菜单

    在这个名为"element动态创建多级菜单"的项目中,开发者利用Element UI来构建了一个可动态生成多级菜单的系统,这在Web应用中非常常见,特别是对于那些需要展示复杂导航结构的网站。 首先,我们来看看如何在Vue中...

    js-dynamicCreationTable:使用javascript动态创建表格

    js-dynamicCreationTable使用javascript动态创建表格&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=...

    Joint.js动态生成流程图

    Joint.js 是一个强大的JavaScript库,专为创建图形和图表而设计,其中包括流程图。本教程将深入探讨如何使用Joint.js动态生成流程图,并去掉其原本的属性编辑功能,转而直接根据Json数据规则自动生成。 **一、Joint...

    基于jQuery和layui的form表单自定义js动态生成

    在前端开发中,动态生成表单是一个常见的需求,特别是在数据录入、编辑或验证场景下。本教程将聚焦于如何利用jQuery和layui库来实现这样的功能。jQuery是一个强大的JavaScript库,它简化了DOM操作,事件处理,动画...

    Node.js-terminal-link-cli在终端中创建可点击的链接

    Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,它让开发者能够在服务器端使用 JavaScript 进行编程。而 `terminal-link-cli` 是一个 Node.js 开发的命令行实用程序,专为增强终端体验而设计。它允许...

    JavaScript动态生成css

    ### 一、动态创建CSS规则 在JavaScript中,我们可以利用`document.createElement('style')`来创建一个新的`&lt;style&gt;`元素,然后将其插入到`&lt;head&gt;`或任何其他适当的位置。例如: ```javascript let style = ...

    javascript实现动态加载CSS

    我们可以通过JavaScript动态创建link元素,并将其添加到head中以实现动态加载。 具体实现步骤如下: - 获取页面的head元素; - 创建一个link元素,设置其rel属性为stylesheet以表示样式表,设置type属性为text/css...

    各浏览器对link标签onload/onreadystatechange事件支持的差异分析

    值得注意的是,当使用JavaScript动态创建link元素并添加到文档中时,IE6/7/8/9仍然会触发两次onreadystatechange事件,而Opera则在这种情况中开始支持onreadystatechange事件。这表明浏览器对link元素的处理和事件...

    JavaScript实现动态创建CSS样式规则方案

    这通常在我们需要插入特定于某个媒体查询或者JavaScript动态决定的样式规则时非常有用。创建元素后,我们同样可以通过sheet属性获取到对应的CSSStyleSheet对象,并进行规则的添加。 为了进一步提升页面性能和用户...

    JS实现图片上的热点功能.rar

    在这个“JS实现图片上的热点功能.rar”压缩包中,包含的代码示例正是关于如何使用JavaScript来实现这种功能。这个功能在地图应用、产品展示或任何需要在图片上添加交互元素的场景中非常有用。 首先,我们需要理解...

    解决ie动态修改link样式,import css不刷新的问题

    通常的做法是通过JavaScript动态地修改HTML中link元素的href属性来加载新的样式表。然而,在旧版本的IE浏览器中,当link标签中引入的CSS样式表使用了@import规则时,动态修改link的href属性并不会导致浏览器去请求新...

Global site tag (gtag.js) - Google Analytics