`
zcw_java
  • 浏览: 305588 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

动态创建样式,导入js

 
阅读更多
加载样式
function addCssByLink(url){ 
    var doc=document;  
    var link=doc.createElement("link");  
    link.setAttribute("rel", "stylesheet");  
    link.setAttribute("type", "text/css");  
    link.setAttribute("href", url);      
    var heads = doc.getElementsByTagName("head");  
    if(heads.length)  
        heads[0].appendChild(link);  
    else 
        doc.documentElement.appendChild(link);  
}
function addCssByStyle(cssString){  
    var doc=document;
    var style=doc.createElement("style");  
    style.setAttribute("type", "text/css");  
    if(style.styleSheet){// IE  
        style.styleSheet.cssText = cssString;
    } else {// w3c  
        var cssText = doc.createTextNode(cssString);  
        style.appendChild(cssText);  
    }  
    var heads = doc.getElementsByTagName("head");  
    if(heads.length)  
        heads[0].appendChild(style);  
    else 
        doc.documentElement.appendChild(style);  
}  

添加js
    //动态添加js
    var mapJs = doc.createElement("script");
    mapJs.setAttribute("type","text/javascript");
    mapJs.setAttribute("src","http://maps.google.com/maps/api/js?sensor=false");
    //var heads = doc.getElementsByTagName("head");
    doc.documentElement.appendChild(mapJs);
分享到:
评论

相关推荐

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

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

    vue动态加载外部依赖js代码实现

    - **load方法**: 此方法接受一个参数`src`,根据该参数动态创建并插入`<script>`标签到DOM中。同时,它还监听`onload`事件,以便在JS文件加载完成后触发相应的回调函数。 5. **使用示例** - **导入组件**: 首先,...

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

    总结,JavaScript动态导入js和css文件是通过创建和插入`<script>`和`<link>`标签,并结合事件监听来实现的。这种方法能够帮助优化页面性能,按需加载资源,提高用户体验。同时,回调函数确保了资源加载后的后续操作...

    导入css的4种方式和导入js的方式

    在JavaScript代码中动态创建`<script>`标签并插入DOM,可以实现异步加载和控制执行时机。示例: ```javascript var script = document.createElement('script'); script.src = 'dynamic-script.js'; document.head....

    spreadjs_动态添加表头及数据绑定-demo.zip

    在SpreadJS中,你可以通过API动态创建和修改表头。这可能包括创建新的列,设置单元格的值,以及应用样式和格式,使得用户界面更具可读性和专业性。例如,你可以使用`sheet.columns.add()`方法来添加新列,并用`cell....

    【JavaScript源代码】vue-element-admin项目导入和导出的实现.docx

    在Vue.js开发中,`vue-element-admin`是一个非常流行的后台管理框架,它集成了Element UI组件库,提供了丰富的预设功能。本篇文章将探讨如何在`vue-element-admin`项目中实现导入和导出功能,主要关注Excel文件的...

    地图全部js文件,导入即用

    "地图全部js文件,导入即用"这个标题表明我们正在讨论一组可以直接集成到项目中的JavaScript文件,特别关注的是地图功能。在提供的描述中提到的"地图china.js"是一个专门用于展示中国地图的JS库,它可能包含了一系列...

    JS操作Word生成表格

    在IT行业中,JavaScript(简称JS)通常用于网页前端交互,但通过特定的库和API,我们也能使用JS来操作Microsoft Word文档,包括在Word中创建和编辑表格。本篇文章将详细探讨如何使用JS来实现这一功能,以及相关的...

    JS样式封装

    "JS样式封装"指的是将CSS样式通过JavaScript进行管理,以提高代码复用性和动态化效果。这种做法常见于单页面应用程序(SPA)和响应式设计中,它允许我们在运行时动态改变或添加样式,为用户提供更丰富的交互体验。 ...

    Javascript 实现 Excel 导入生成图表功能

    实现该功能需要使用到第三方JavaScript库,例如jquery.js用于简化DOM操作,xlsx.js用于读取和解析Excel文件,echarts.js用于生成图表。这些库可以通过CDN或npm等方式引入到项目中。 4. Excel文件的读取与解析: ...

    StreamlineD3为开发人员提供一种创建动态D3js可视化与实时数据的简单方法

    StreamlineD3 是一个专为开发人员设计的库,它简化了使用D3.js创建动态、实时数据可视化的流程。D3.js(Data-Driven Documents)是一个强大的JavaScript库,广泛用于构建交互式和可定制的数据可视化。然而,D3.js...

    JSCharts web页面动态生成图表

    JSCharts是一款用于在Web页面上动态生成图表的JavaScript库,尤其适用于那些希望在不依赖服务器端处理的情况下,为用户呈现数据可视化的应用。这个库以其强大的功能和易用性著称,可以创建各种类型的图表,如柱状图...

    vue-threejs

    2. **创建Vue组件**:在`src/components`目录下创建Vue组件,导入Three.js库并初始化场景、相机和渲染器。 3. **定义3D元素**:在组件中创建Three.js对象,如几何体、材质、光源等,并将其添加到场景中。 4. **组件...

    spreadjs_条件验证通过后改变单元格背景色-demo.zip

    这个示例可以帮助开发者学习如何使用 SpreadJS 实现条件格式化,并动态调整单元格样式。开发者可以通过分析 `demo.html` 文件来了解具体的实现代码,包括如何定义条件规则,以及如何在规则满足时触发单元格样式的...

    javascript,动态网页源码

    JavaScript是一种广泛应用于网络开发的脚本语言,尤其在创建交互式和动态网页方面扮演着核心角色。它由Brendan Eich在1995年为Netscape Navigator浏览器开发,起初命名为LiveScript,后来更名为JavaScript,以利用...

    实用js带农历的万年历样式代码

    在IT行业中,JavaScript(简称JS)是一种广泛使用的前端编程语言,尤其在网页交互和动态效果实现上具有重要作用。本主题聚焦于"实用js带农历的万年历样式代码",这意味着我们将探讨如何利用JavaScript实现一个功能...

    Excel表的导入导出

    - **动态加载字段**:描述可能指动态获取Excel列的名称或数据类型,这在处理未知结构的Excel时非常有用。 2. **数据导出**: - **写入操作**:与导入类似,程序处理完数据后,可以使用API将结果写回Excel。这通常...

    powerbi desktpo自定义可视化图标(pbiviz文件可直接导入使用)

    在Power BI Desktop中,自定义可视化(Custom Visuals)是一种强大的功能,允许用户根据特定需求创建和使用非标准图表或图形。"powerbi desktop自定义可视化图标(pbiviz文件可直接导入使用)"这个标题指出,我们将...

    javascript 动态加载 css 方法总结

    这种方法适用于CSS内部导入外部样式表,而非在JavaScript中使用。示例如下: ```css @import url(style.css); ``` 需要注意的是,`@import`必须放在样式表的最开始部分,且只能在CSS文件中或`<style>`标签内部使用...

    Vue动态样式,趣味实时样式

    Vue.js 是一款流行的前端JavaScript框架,它允许开发者创建可复用和可维护的组件,而动态样式是Vue中实现灵活性和交互性的重要特性之一。在Vue中,我们可以使用`v-bind`指令或其简写`:`来动态地绑定元素的样式,这极...

Global site tag (gtag.js) - Google Analytics