`
zcw_java
  • 浏览: 297228 次
  • 性别: 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详解(第2版)

     14.7 创建样式类   14.7.1 用类设定简单表格样式   14.7.2 使用特定类选择器   14.8 ID选择器和ID属性   14.9 使用〈span〉标签重写或添加样式   14.9.1 〈span〉标签和style属性   14.9.2 ...

    ASP EXCEL导入SQL

     Web应用的大部分压力都来自于资源的请求,如图片,静态文件,样式表等文件的请求,服务器压力的70%都来自于这些资源的请求,因此对于这些静态资源的请求,通过静态资源缓冲层就能够很好解决这些请求对于后台造成的...

    Vue实现动态创建和删除数据的方法

    //导入vue.js [removed][removed] //非常简单了设置了一下css样式 <style type="text/css"> #app{ height: 100%; margin-left: 200px; width:50%; text-align: center; background-color: ligh

    Curso-JavaScript-para-React-Leonidas:ReactJavaScript课程

    重新创建样式化的组件 简写属性名称 关于功能的一切 重新创建Redux 使用我们的Redux-卡路里燃烧器 销毁津贴 重新创建React Hook 参数默认值创建冰淇淋机 休息/传播 三元系 模组 分配的别名 副作用 动态导入 掌握...

    roseworx:Roseworx HTML,SCSS和JS前端框架

    有关详细信息,请访问网站 Roseworx框架是动态的,被创建为独立的scss框架。 或者,您可以包括核心Javascript文件来增强Roseworx功能。 为了使Roseworx尽可能自定义,核心文件以SCSS和JS ES6 +格式提供,因此需要...

    modalator:用于生成模式的纯JavaScript组件

    所有HTML组件和元素都是动态创建的。 独立-模态对象在其自己的名称空间中运行,以避免与其他库冲突。 所有屏幕尺寸-可以与台式机,平板电脑和移动浏览器一起使用。 易于安装-只需下载该库并将其导入到您的项目中...

    IBM WebSphere Portal门户开发笔记01

    12 、导入JS组件 220 13 、WCM远程操作URL 221 14 、创建定制启动页 224 15、API获取用户所在的组信息 225 十五、JAVA 225 1、链接各种数据库驱动 225 2、FUTURE线程与超时控制 227 十六、WEBSPHERE PORTAL V6主题...

    在执行期间动态加载 Google Fonts v2 的 React 钩子。

    我们为 Flayyer.com 制作了这个钩子,使开发人员能够动态创建带有字体的模板,以匹配每个用户喜欢的字体样式。 这些模板用于创建社交和营销图像。 用法安装此依赖项:yarn add @flayyer/use-googlefonts 常见案例...

    精通CSS+DIV网页样式与布局视频教材

    1.2.4 导入样式 1.2.5 各种方式的优先级问题 1.3 体验CSS 1.3.1 从零开始 1.3.2 加入CSS控制 1.3.3 控制图片 1.3.4 CSS的注释 第2章 CSS的基本语法 2.1 CSS选择器 2.1.1 标记选择器 ...

    Dreamweaver教程

    您可以在 Macromedia Fireworks 或其他图形应用程序中创建和编辑图像,然后将它们直接导入 Dreamweaver,或者 添加 Macromedia Flash 对象,从而优化您的开发工作流程。 Dreamweaver 还提供了功能全面的...

    Birt中文手册.chm

    如何创建样式 如何导入样式 如何应用样式 如何修改样式 如何删除样式 如何创建格式化规则 如何修改格式化规则 如何删除格式化规则 如何通过拖动边界来调整列或行的大小 如何指定行高 如何指定列宽 如何...

    JQuery权威指南源代码

    动态创建节点元素 动态插入节点方法 动态插入节点方法 复制元素节点 替换元素节点 包裹元素节点 遍历元素 删除元素 数据管理 第4章 事件中的冒泡现象 bind方法绑定事件 映射方式绑定不同的事件 切换事件...

    react-boilerplate:使用样式化组件v4创建React App v2

    安装依赖项导入组件代码分割添加样式表添加CSS模块样式表添加Sass样式表后处理CSS 添加图像,字体和文件添加SVG 使用public文件夹更改HTML 在模块系统之外添加资产何时使用public文件夹使用全局变量添加引导程序...

    js-decorators-pattern:用CodeSandbox创建

    导入组件 代码分割 添加样式表 后处理CSS 添加CSS预处理器(Sass,Less等) 添加图像,字体和文件 使用public文件夹 更改HTML 在模块系统之外添加资产 何时使用public文件夹 使用全局变量 添加引导程序使用自定义...

    Weather-Application:使用React js创建Weather Application

    导入组件 代码分割 添加样式表 后处理CSS 添加CSS预处理器(Sass,Less等) 添加图像,字体和文件 使用public文件夹 更改HTML 在模块系统之外添加资产 何时使用public文件夹 使用全局变量 添加引导程序使用自定义...

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    主机管理项目动态调用插件进行数据解析 主机管理项目对模块中的参数进行解析 第24周 本节题纲 上节内容回顾 ModelForm操作及验证 ajax操作-原生ajax ajax操作-JQuery的ajax ajax操作-伪ajax(iframe) ajax操作-...

    JSP动态网站开发基础教程与实验指导(从基础到应用)光盘

    JSP动态网站开发基础教程与实验指导(从基础到应用)光盘 作者:王晓军 田中雨 刘跃军 等 ...《JSP动态网站开发基础教程与实验指导》最后提供了三个综合开发案例。...练习9-3 使用JavaScript创建计算器 354

    react-socialcard:用React.JS创建的社交卡

    导入组件 代码分割 添加样式表 后处理CSS 添加CSS预处理器(Sass,Less等) 添加图像,字体和文件 使用public文件夹 更改HTML 在模块系统之外添加资产 何时使用public文件夹 使用全局变量 添加引导程序使用自定义...

    synthCube:创建一个小游戏来练习React.js

    安装依赖项导入组件代码分割添加样式表后处理CSS 添加CSS预处理器(Sass,Less等) 添加图像,字体和文件使用public文件夹更改HTML 在模块系统之外添加资产何时使用public文件夹使用全局变量添加引导程序使用自定义...

    nextjs-blog:https

    您将通过创建一个非常简单的博客应用程序来学习Next.js基础。 这是最终结果的示例: : 使用集成创建一个新页面。 了解如何使用组件在页面之间启用客户端导航。 了解有关代码拆分和预取的内置支持。 如何将...

Global site tag (gtag.js) - Google Analytics