`
hanbaohong
  • 浏览: 388828 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

在没有<head>标签的页面加载CSS文件的方法

    博客分类:
  • CSS
阅读更多

我在做项目时所有文件是共享的了一个header.asp文件的,这个文件主要是放置了文件的头部,加载了一些共同的东西,其它ASP文件中是没有<head>标签的。现在有个问题是,有一个ASP文件(无<head>标签)需要用到另一个CSS文件,如果把这个CSS文件也写在header.asp文件中的<head>标签中就会浪费计算机资源。我想实现的是在这个ASP文件中(无<head>标签)动态调用那个CSS文件。经过本人查找资料反复实验找到方法了,哈哈!!!

 

用下面代码的可以在IE、firefox、opera、chrom游览器中实现动态加载CSS文件。

var cssTag = document.createElement('link');
cssTag.setAttribute('rel','stylesheet');
cssTag.setAttribute('type','text/css');
cssTag.setAttribute('href','test.css');
document.getElementsByTagName('head')[0].appendChild(cssTag);
//document.body.appendChild(cssTag);

 

0
0
分享到:
评论

相关推荐

    jQuery详细教程

    &lt;p&gt;在 W3School,你可以找到你所需要的所有网站建设教程。&lt;/p&gt; &lt;/div&gt; &lt;p class="flip"&gt;请点击这里&lt;/p&gt; &lt;/body&gt; &lt;/html&gt; jQuery fadeTo() 演示简单的 jQuery fadeTo() 函数。 &lt;html&gt; &lt;head&gt; &lt;script type=...

    前端css+html+布局笔记

    将样式表编写到外部的CSS文件中,然后通过link标签将外部文件引入 &lt;link rel="stylesheet" type="text/css" href="文件的路径"/&gt; 将样式编写到外部样式表中,可以在不同的页面中使用同一个样式表,完全将表现...

    css笔记课程笔记2019,5,22

    (4)使用头标签 link,引入外部css文件 - 第一步 ,创建一个css文件 - &lt;link rel="stylesheet" type="text/css" href="css文件的路径" /&gt; *** 第三种结合方式,缺点:在某些浏览器下不起作用,一般...

    javascript 动态加载 css 方法总结

    简单的在页面中加载一个外部CSS文件 document.createStyleSheet(cssFile); 2. 用createElement方法创建CSS的Link标签 varhead=document.getElementsByTagName(‘HEAD’).item(0); varstyle=document.createElement...

    动态加载外部CSS与JS文件

     3、由于是页面是从上到下依次加载文件的,并且边加载边解释,所以可以添加javascript控制器控制页面文件的加载顺序,如先加载css布局文件,再显示有图片的css美化文件,之后再加载大的falsh文件,或者安内容的重要...

    cms后台管理

    通过以上标签找到应该加载哪一个页面 &lt;servlet&gt; &lt;servlet-name&gt;JeeCmsFront&lt;/servlet-name&gt; &lt;servlet-class&gt;org.springframework.web.servlet.DispatcherServlet&lt;/servlet-class&gt; &lt;init-param&gt; &lt;param-name&gt;...

    动态加载外部css或js文件

    3、由于是页面是从上到下依次加载文件的,并且边加载边解释,所以可以添加javascript控制器控制页面文件的加载顺序,如先加载css布局文件,再显示有图片的css美化文件,之后再加载大的falsh文件,或者安内容的重要性...

    asynchronous-loading:异步加载CSS或JS文件,甚至影响应将其添加到何处

    在addAsset ,您将能够像加载css或js文件一样,甚至影响应将其添加到何处。 看到的工作演示。 剧本 在addAsset ,仅需要添加源( src ),这是源文件的路径。 向其添加相对或绝对路径,然后让此函数确定它是JS还是...

    详解CSS文件中的4种引入方式:行内,内联式,外部式,导入式

    CSS引入方式-行内式 ...为什么css样式要放置在head标签中呢,因为代码从上到下执行,如果先加载结构,那么用户看到的就将是干巴巴的内容,而没有通过美化,而先加载样式后加载结构,就相当于孩子出生就是穿着衣

    ASP.NET的网页代码模型及生命周期

    在客户端浏览器访问该页面时,浏览器会给IIS发送请求消息,IIS则会开始执行ASP.NET编译过程,如果不存在编译过后的DLL文件,则加载编译的类并创建对象。当创建对象完成,生成创建对象后的代码并生成一个ASPX页面代码...

    动态载入/删除/更新外部 JavaScript/Css 文件的代码

    动态载入 JavaScript/Csss 文件 传统加载外部JavaScript(*.js) 或者 Css(*.css)文件的方法是直接在&lt;head&gt;标签里面进行添加: 代码... 现在用动态的方式载入JavaScript/Css文件: 用 DOM createElement 方法创建

    ExtAspNet_v2.3.2_dll

    -Grid增加GetNoSelectionAlertInParentReference函数,用来表示没有选中任何一项时在父页面弹出对话框的JS代码。 -修正IE7下不能以下划线作为CSS中类名的前缀的BUG(feedback:Steve.Wei)。 -添加定时器控件Timer,...

    70款经典Dreamweaver插件

    includeJSfile_hp 调用一个外部的.JS脚本语言文件,插入到&lt;head&gt;区域内 Addramesets 给你的Dreamweaver再加入14种框架模板(command) Title_for_Links 给文字连接加上说明(command) ChinaDW 功能是一个中国省市...

    苹果8XPC和手机二合一完整版

    &lt;LI&gt;登录时间:{maccms:userlogintime} &lt;/LI&gt; &lt;LI&gt;&lt;A href="{maccms:path}index.php?m=user-index.html" target="_blank"&gt;进入用户中心&lt;/A&gt;&lt;/LI&gt; &lt;LI&gt;&lt;A href="{maccms:path}index.php?m=user-logout.html"&gt;退出...

    OpenLayers加载缩放控件使用方法详解

    2、在之前创建的空白站点下面新建一个html的页面,引入ol.js和ol.css文件,然后在body标签中创建一个div,作为地图加载的容器; 3、代码实现 &lt;!DOCTYPE html&gt; &lt;html xmlns=http://www.w3.org/1999/xhtml&gt; ...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -Grid增加GetNoSelectionAlertInParentReference函数,用来表示没有选中任何一项时在父页面弹出对话框的JS代码。 -修正IE7下不能以下划线作为CSS中类名的前缀的BUG(feedback:Steve.Wei)。 -添加定时器控件Timer,...

    wp-headjs-loader:WordPress HeadJS加载程序

    === HeadJS Loader ===提供者:durin捐赠链接: ://chuckmac.info/标签:javascript,js,css至少需要:3.8经过测试:4.2.2稳定的标签:干一个WordPress插件,用于通过Head JS加载Javascript和CSS文件。 ==说明== 此...

    jquery插件使用方法大全

    var b = $("&lt;p&gt;hello&lt;/p&gt;"); var c = document.createElement("table"); var tb = $(c); 编辑本段代替body标签的onload  这个惯例,也许是除了$()之外,用得最多的地方了。下面一段代码: 代码 $(document)....

    loadjs:适用于现代浏览器的小型异步加载程序依赖项管理器(899字节)

    标签),然后使用loadjs全球页面加载后管理JavaScript的依赖关系。 LoadJS基于出色的库。 我们保持了库的行为不变,但是我们从头开始重新编写了代码,以添加对成功/错误回调的支持,并为现代浏览器优化了库。 LoadJS...

Global site tag (gtag.js) - Google Analytics