我在做项目时所有文件是共享的了一个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);
分享到:
相关推荐
在JSF(JavaServer Faces)2.0中,自定义`<h:head>`标签是一项重要的功能,它允许开发者对页面头部区域进行精细化控制,包括引入CSS样式表、JavaScript脚本和其他元信息。这一特性极大地提高了应用的灵活性和可维护...
这种方式在上世纪90年代非常流行,用于创建多面板的网页界面,但随着CSS布局技术的发展,如Flexbox和Grid,`<frameset>`的使用逐渐减少,因为它不支持移动设备和现代网页设计的需求。 在这个"HTML里面的FrameSet小...
<head>部分通常包含文档元信息,如<link>标签链接CSS文件,<script>标签引入JavaScript代码,而<body>则包含用户可见的内容。 HTML中的一些常见标签有: - <p>用于定义段落。 - <hn>系列(如<h1>到<h6>)定义不同...
它可以内联定义(如<style>标签在<head>中),内部样式表(在<head>中使用<style>标签),或者外部样式表(链接单独的.css文件)。通过CSS,可以实现更精细的页面设计和响应式布局。 <div>标签是HTML中的一个非常...
为了使组件在页面上呈现正确的视觉效果,你需要在 `<head>` 标签内通过 `<link>` 标签引入这个文件。例如: ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" ...
这是最常见的方式,通过在HTML文件的`<head>`部分添加`<link>`标签来引用外部CSS文件。例如: ```html <link rel="stylesheet" type="text/css" href="style.css"> ``` 这将在浏览器加载HTML时同时加载`style.css`,...
最后,<style>元素用于在<head>中内联定义CSS样式,虽然为了性能优化,通常建议将样式表放在外部文件中,但有时内联样式是必要的,特别是在页面加载性能至关重要的情况下。 总结起来,HTML5的<head>元素是构建网页...
HTML还支持内联样式(通过`style`属性)和外部样式表(通过`<link>`标签引用CSS文件)。这允许开发者控制网页的布局和视觉效果。例如: ```html <style> body { background-color: lightblue; } h1 { color: ...
然而,这种方式会阻塞页面渲染,直到所有被导入的样式表加载完成,因此在性能上不如直接使用`<link>`标签。 总结来说,选择合适的CSS引入方式取决于项目需求和规模。对于小项目或简单的页面,内部样式表可能足够;...
CSS通常被包裹在`<style type="text/css">`标签中,并位于`<head>`部分。例如: ```html <head> <meta charset="UTF-8"> <title>Starbuzz Coffee</title> <style type="text/css"> body { background-color:...
JSP中的HTML标签可以内联包含CSS,或者通过`<link>`标签链接外部CSS文件,以实现页面样式的应用。 1. **内联样式**: 在JSP文件中,可以在HTML元素内使用`style`属性直接定义样式,如: ```jsp <div style="color:...
如果将`<script>`标签置于`<head>`中,JavaScript文件会尽早加载,但可能在DOM(文档对象模型)完全加载之前执行,这可能导致引用到的DOM元素未定义,从而出现错误。因此,推荐将`<script>`标签放在`<body>`的底部,...
在描述中提到的上海世博会网页,其标题可能通过<head><title>上海世博会 - 静态网页展示</title></head>来设定,这样在浏览器的标签页上就能显示这个标题,同时对搜索引擎优化(SEO)也有重要意义。 三、内容组织 ...
2. **头部元素<head>**:在<head>中,通常会设置<title>标签来定义网页的标题,显示在浏览器的标签页上;<meta>标签用于提供元数据,如字符编码(charset=utf-8)。 3. **文本内容**:通过<h1>到<h6>定义标题,<p>...
9. CSS基础:虽然题目中没有明确提及CSS,但初学者通常会学习如何通过<style>标签或外部样式表引入CSS来控制HTML元素的样式、布局和动画。 10. 实践与学习:这些简单的HTML文件是学习和练习HTML基础知识的良好素材...
3. **布局元素**:在`<body>`中,使用`<header>`、`<nav>`、`<main>`、`<section>`、`<article>`、`<aside>`、`<footer>`等语义化标签来组织内容,模拟京东页面的顶部导航、商品分类、商品展示区、侧边栏和底部版权...
2. **标题标签**:在<head>中,<title>标签定义了页面的标题,它会显示在浏览器的标签页上。 3. **段落与换行**:HTML使用<p>标签表示段落,如果需要换行,可以使用<br>标签。 4. **文本格式化**:通过<b>(粗体)...
2. **内嵌式**:内嵌式CSS将样式写在`<head>`标签内的`<style>`标签中,适用于整个页面的统一样式设置。例如: ```html <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width"> ...
5. 图像元素:<img>标签插入图像,src属性指定图片源,alt属性提供文字描述,对于视觉障碍用户或加载失败时尤为重要。 6. 列表:无序列表<ul>和有序列表<ol>,以及嵌套列表,用于展示结构化的信息。列表项<li>包含...
2. **标题标签**:在`<head>`中,`<title>`标签定义了浏览器顶部显示的网页标题,对于多页面网站来说,每个页面的标题应具有区分性,以便用户识别。 3. **页面链接**:使用`<a>`(anchor)标签创建超链接,可以链接...