在没有<head>标签的页面加载CSS文件的方法 - 韩保红的代码库博客——记录我的学习历程 - ITeye博客

`

hanbaohong

浏览: 407389 次
性别:
来自: 广州

最近访客更多访客>>

cannysquirrel

jiangshaoting

342729684

geqiaoyu

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

July01：最近了解到一款StratoIO打印控件，功能如下：1、Html ...
只打印网页上JS指定的区域
qjw9004：收下以后有空再看，朋友最好是将所有文件打包上传，好上我这些初 ...
在ASP中将从数据库中获取的数据写入已设计好的EXCEL模板中
fiction：不错呀,总结得很好....... 代表广大学习人民,谢谢您 ...
PHP常用代码大全
shuxiang：弃暗投明，呵呵~~
2010年开始研究PHP

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

博客分类：

CSS

CSS ASP IE Firefox Opera

阅读更多

我在做项目时所有文件是共享的了一个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
踩

分享到：

ASP导出为Word或Excel的最简单方法 | 用VB将ASP代码封装成DLL的方法

2009-06-28 11:29
浏览 1895
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

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

JSP预备知识(HTML常用标签、XML、JavaScript): <head>部分通常包含文档元信息，如<link>标签链接CSS文件，<script>标签引入JavaScript代码，而<body>则包含用户可见的内容。 HTML中的一些常见标签有： - <p>用于定义段落。 - <hn>系列（如<h1>到<h6>）定义不同...

html基础教程表格与表单图像和声音框架 CSS.ppt: 它可以内联定义（如<style>标签在<head>中），内部样式表（在<head>中使用<style>标签），或者外部样式表（链接单独的.css文件）。通过CSS，可以实现更精细的页面设计和响应式布局。 <div>标签是HTML中的一个非常...

vant.min.js/css: 为了使组件在页面上呈现正确的视觉效果，你需要在 `<head>` 标签内通过 `<link>` 标签引入这个文件。例如： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" ...

导入css的4种方式和导入js的方式: 这是最常见的方式，通过在HTML文件的`<head>`部分添加`<link>`标签来引用外部CSS文件。例如： ```html <link rel="stylesheet" type="text/css" href="style.css"> ``` 这将在浏览器加载HTML时同时加载`style.css`，...

html5理解head_动力节点Java学院整理: 最后，<style>元素用于在<head>中内联定义CSS样式，虽然为了性能优化，通常建议将样式表放在外部文件中，但有时内联样式是必要的，特别是在页面加载性能至关重要的情况下。总结起来，HTML5的<head>元素是构建网页...

HTML 语言教程基础文档: HTML还支持内联样式（通过`style`属性）和外部样式表（通过`<link>`标签引用CSS文件）。这允许开发者控制网页的布局和视觉效果。例如： ```html <style> body { background-color: lightblue; } h1 { color: ...

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

Head+First+HTML与CSS、XHTML读书笔记: CSS通常被包裹在`<style type="text/css">`标签中，并位于`<head>`部分。例如： ```html <head> <meta charset="UTF-8"> <title>Starbuzz Coffee</title> <style type="text/css"> body { background-color:...

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

解决easyui不加载js问题.docx: 如果将`<script>`标签置于`<head>`中，JavaScript文件会尽早加载，但可能在DOM（文档对象模型）完全加载之前执行，这可能导致引用到的DOM元素未定义，从而出现错误。因此，推荐将`<script>`标签放在`<body>`的底部，...

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

30个超简单html实例带你入门: 2. **头部元素<head>**：在<head>中，通常会设置<title>标签来定义网页的标题，显示在浏览器的标签页上；<meta>标签用于提供元数据，如字符编码（charset=utf-8）。 3. **文本内容**：通过<h1>到<h6>定义标题，<p>...

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

初学者，HTML自建模仿京东页面: 3. **布局元素**：在`<body>`中，使用`<header>`、`<nav>`、`<main>`、`<section>`、`<article>`、`<aside>`、`<footer>`等语义化标签来组织内容，模拟京东页面的顶部导航、商品分类、商品展示区、侧边栏和底部版权...

HTML入门基础教程: 2. **标题标签**：在<head>中，<title>标签定义了页面的标题，它会显示在浏览器的标签页上。 3. **段落与换行**：HTML使用<p>标签表示段落，如果需要换行，可以使用<br>标签。 4. **文本格式化**：通过<b>（粗体）...

举例说明在html中引入css的方法.pdf: 2. **内嵌式**：内嵌式CSS将样式写在`<head>`标签内的`<style>`标签中，适用于整个页面的统一样式设置。例如： ```html <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width"> ...

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

自主仿照设计一个校园网页，多个页面连接: 2. **标题标签**：在`<head>`中，`<title>`标签定义了浏览器顶部显示的网页标题，对于多页面网站来说，每个页面的标题应具有区分性，以便用户识别。 3. **页面链接**：使用`<a>`（anchor）标签创建超链接，可以链接...

Global site tag (gtag.js) - Google Analytics