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标签。这里我们就来说说如何在浏览器...
这个项目涉及的关键技术包括JavaScript的DOM操作以及动态创建元素,这些是Web开发中的核心技能。 首先,HTML(超文本标记语言)是网页内容的基础结构。在本示例中,我们可能需要一个简单的HTML页面作为画布,可以...
1. **动态创建`<script>`元素**:我们可以利用JavaScript创建`<script>`元素,并设置其`src`属性为所需JS文件的URL,然后将其插入到DOM中。这样,浏览器会解析到新的`<script>`元素并异步加载对应的文件。 ```...
### JavaScript 实现动态导入 JS 与 CSS 等静态资源文件的方法 在现代 Web 开发中,动态地加载脚本和样式表是非常常见的需求。这不仅有助于提高网站性能(例如,按需加载资源),还能增强用户体验(例如,在特定...
在JavaScript中,我们可以通过DOM操作来动态创建和修改这些`<area>`元素。以下是一个简单的示例,展示如何创建一个新的矩形热区: ```javascript var img = document.querySelector('img[usemap="#imageMap"]'); ...
有很多提供动态创建 style 节点的方法,但是大多数都仅限于外部的 css 文件。如何能使用程序生成的字符串动态创建 style 节点,我搞了2个小时。 静态外部 css 文件语法: @import url(style.css); 动态外部 css 文件...
在这个场景中,我们利用JavaScript(jQuery)库来实现这一功能,同时还借助了`jquery.cookie.js`插件来保存用户的个性化设置。以下是关于这个主题的详细解释。 首先,`javascript`是网页脚本语言,它赋予了HTML页面...
在这个名为"element动态创建多级菜单"的项目中,开发者利用Element UI来构建了一个可动态生成多级菜单的系统,这在Web应用中非常常见,特别是对于那些需要展示复杂导航结构的网站。 首先,我们来看看如何在Vue中...
js-dynamicCreationTable使用javascript动态创建表格<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=...
Joint.js 是一个强大的JavaScript库,专为创建图形和图表而设计,其中包括流程图。本教程将深入探讨如何使用Joint.js动态生成流程图,并去掉其原本的属性编辑功能,转而直接根据Json数据规则自动生成。 **一、Joint...
在前端开发中,动态生成表单是一个常见的需求,特别是在数据录入、编辑或验证场景下。本教程将聚焦于如何利用jQuery和layui库来实现这样的功能。jQuery是一个强大的JavaScript库,它简化了DOM操作,事件处理,动画...
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,它让开发者能够在服务器端使用 JavaScript 进行编程。而 `terminal-link-cli` 是一个 Node.js 开发的命令行实用程序,专为增强终端体验而设计。它允许...
### 一、动态创建CSS规则 在JavaScript中,我们可以利用`document.createElement('style')`来创建一个新的`<style>`元素,然后将其插入到`<head>`或任何其他适当的位置。例如: ```javascript let style = ...
我们可以通过JavaScript动态创建link元素,并将其添加到head中以实现动态加载。 具体实现步骤如下: - 获取页面的head元素; - 创建一个link元素,设置其rel属性为stylesheet以表示样式表,设置type属性为text/css...
值得注意的是,当使用JavaScript动态创建link元素并添加到文档中时,IE6/7/8/9仍然会触发两次onreadystatechange事件,而Opera则在这种情况中开始支持onreadystatechange事件。这表明浏览器对link元素的处理和事件...
这通常在我们需要插入特定于某个媒体查询或者JavaScript动态决定的样式规则时非常有用。创建元素后,我们同样可以通过sheet属性获取到对应的CSSStyleSheet对象,并进行规则的添加。 为了进一步提升页面性能和用户...
在这个“JS实现图片上的热点功能.rar”压缩包中,包含的代码示例正是关于如何使用JavaScript来实现这种功能。这个功能在地图应用、产品展示或任何需要在图片上添加交互元素的场景中非常有用。 首先,我们需要理解...
通常的做法是通过JavaScript动态地修改HTML中link元素的href属性来加载新的样式表。然而,在旧版本的IE浏览器中,当link标签中引入的CSS样式表使用了@import规则时,动态修改link的href属性并不会导致浏览器去请求新...