`
hanbaohong
  • 浏览: 405790 次
  • 性别: 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
分享到:
评论

相关推荐

    JSF2.0实战 - 7、自定义<h:head>

    在JSF(JavaServer Faces)2.0中,自定义`&lt;h:head&gt;`标签是一项重要的功能,它允许开发者对页面头部区域进行精细化控制,包括引入CSS样式表、JavaScript脚本和其他元信息。这一特性极大地提高了应用的灵活性和可维护...

    HTML里面的FrameSet小例子

    这种方式在上世纪90年代非常流行,用于创建多面板的网页界面,但随着CSS布局技术的发展,如Flexbox和Grid,`&lt;frameset&gt;`的使用逐渐减少,因为它不支持移动设备和现代网页设计的需求。 在这个"HTML里面的FrameSet小...

    JSP预备知识(HTML常用标签、XML、JavaScript)

    &lt;head&gt;部分通常包含文档元信息,如&lt;link&gt;标签链接CSS文件,&lt;script&gt;标签引入JavaScript代码,而&lt;body&gt;则包含用户可见的内容。 HTML中的一些常见标签有: - &lt;p&gt;用于定义段落。 - &lt;hn&gt;系列(如&lt;h1&gt;到&lt;h6&gt;)定义不同...

    html基础教程 表格与表单 图像和声音 框架 CSS.ppt

    它可以内联定义(如&lt;style&gt;标签在&lt;head&gt;中),内部样式表(在&lt;head&gt;中使用&lt;style&gt;标签),或者外部样式表(链接单独的.css文件)。通过CSS,可以实现更精细的页面设计和响应式布局。 &lt;div&gt;标签是HTML中的一个非常...

    vant.min.js/css

    为了使组件在页面上呈现正确的视觉效果,你需要在 `&lt;head&gt;` 标签内通过 `&lt;link&gt;` 标签引入这个文件。例如: ```html &lt;!DOCTYPE html&gt; &lt;html lang="zh"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" ...

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

    这是最常见的方式,通过在HTML文件的`&lt;head&gt;`部分添加`&lt;link&gt;`标签来引用外部CSS文件。例如: ```html &lt;link rel="stylesheet" type="text/css" href="style.css"&gt; ``` 这将在浏览器加载HTML时同时加载`style.css`,...

    html5理解head_动力节点Java学院整理

    最后,&lt;style&gt;元素用于在&lt;head&gt;中内联定义CSS样式,虽然为了性能优化,通常建议将样式表放在外部文件中,但有时内联样式是必要的,特别是在页面加载性能至关重要的情况下。 总结起来,HTML5的&lt;head&gt;元素是构建网页...

    HTML 语言教程 基础文档

    HTML还支持内联样式(通过`style`属性)和外部样式表(通过`&lt;link&gt;`标签引用CSS文件)。这允许开发者控制网页的布局和视觉效果。例如: ```html &lt;style&gt; body { background-color: lightblue; } h1 { color: ...

    引入css样式表的四种方式介绍.rar

    然而,这种方式会阻塞页面渲染,直到所有被导入的样式表加载完成,因此在性能上不如直接使用`&lt;link&gt;`标签。 总结来说,选择合适的CSS引入方式取决于项目需求和规模。对于小项目或简单的页面,内部样式表可能足够;...

    Head+First+HTML与CSS、XHTML读书笔记

    CSS通常被包裹在`&lt;style type="text/css"&gt;`标签中,并位于`&lt;head&gt;`部分。例如: ```html &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Starbuzz Coffee&lt;/title&gt; &lt;style type="text/css"&gt; body { background-color:...

    jsp和css文件

    JSP中的HTML标签可以内联包含CSS,或者通过`&lt;link&gt;`标签链接外部CSS文件,以实现页面样式的应用。 1. **内联样式**: 在JSP文件中,可以在HTML元素内使用`style`属性直接定义样式,如: ```jsp &lt;div style="color:...

    解决easyui不加载js问题.docx

    如果将`&lt;script&gt;`标签置于`&lt;head&gt;`中,JavaScript文件会尽早加载,但可能在DOM(文档对象模型)完全加载之前执行,这可能导致引用到的DOM元素未定义,从而出现错误。因此,推荐将`&lt;script&gt;`标签放在`&lt;body&gt;`的底部,...

    HTML静态网页

    在描述中提到的上海世博会网页,其标题可能通过&lt;head&gt;&lt;title&gt;上海世博会 - 静态网页展示&lt;/title&gt;&lt;/head&gt;来设定,这样在浏览器的标签页上就能显示这个标题,同时对搜索引擎优化(SEO)也有重要意义。 三、内容组织 ...

    30个超简单html实例带你入门

    2. **头部元素&lt;head&gt;**:在&lt;head&gt;中,通常会设置&lt;title&gt;标签来定义网页的标题,显示在浏览器的标签页上;&lt;meta&gt;标签用于提供元数据,如字符编码(charset=utf-8)。 3. **文本内容**:通过&lt;h1&gt;到&lt;h6&gt;定义标题,&lt;p&gt;...

    html.zip_简单的网页html

    9. CSS基础:虽然题目中没有明确提及CSS,但初学者通常会学习如何通过&lt;style&gt;标签或外部样式表引入CSS来控制HTML元素的样式、布局和动画。 10. 实践与学习:这些简单的HTML文件是学习和练习HTML基础知识的良好素材...

    初学者,HTML自建模仿京东页面

    3. **布局元素**:在`&lt;body&gt;`中,使用`&lt;header&gt;`、`&lt;nav&gt;`、`&lt;main&gt;`、`&lt;section&gt;`、`&lt;article&gt;`、`&lt;aside&gt;`、`&lt;footer&gt;`等语义化标签来组织内容,模拟京东页面的顶部导航、商品分类、商品展示区、侧边栏和底部版权...

    HTML入门基础教程

    2. **标题标签**:在&lt;head&gt;中,&lt;title&gt;标签定义了页面的标题,它会显示在浏览器的标签页上。 3. **段落与换行**:HTML使用&lt;p&gt;标签表示段落,如果需要换行,可以使用&lt;br&gt;标签。 4. **文本格式化**:通过&lt;b&gt;(粗体)...

    举例说明在html中引入css的方法.pdf

    2. **内嵌式**:内嵌式CSS将样式写在`&lt;head&gt;`标签内的`&lt;style&gt;`标签中,适用于整个页面的统一样式设置。例如: ```html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta name="viewport" content="width=device-width"&gt; ...

    ACCP-S1-HTML

    5. 图像元素:&lt;img&gt;标签插入图像,src属性指定图片源,alt属性提供文字描述,对于视觉障碍用户或加载失败时尤为重要。 6. 列表:无序列表&lt;ul&gt;和有序列表&lt;ol&gt;,以及嵌套列表,用于展示结构化的信息。列表项&lt;li&gt;包含...

    自主仿照设计一个校园网页,多个页面连接

    2. **标题标签**:在`&lt;head&gt;`中,`&lt;title&gt;`标签定义了浏览器顶部显示的网页标题,对于多页面网站来说,每个页面的标题应具有区分性,以便用户识别。 3. **页面链接**:使用`&lt;a&gt;`(anchor)标签创建超链接,可以链接...

Global site tag (gtag.js) - Google Analytics