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

最新推荐文章于 2023-11-11 08:04:00 发布
最新推荐文章于 2023-11-11 08:04:00 发布
阅读量155 收藏
点赞数
分类专栏： 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);

 

iteye_14829
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript 动态加载 css 方法总结
12-11
简单的在页面中加载一个外部CSS文件 document.createStyleSheet(cssFile); 2. 用createElement方法创建CSS的Link标签 varhead=document.getElementsByTagName(‘HEAD’).item(0); varstyle=document.createElement...
python 页面 css加载
yangge666的博客
11-17 588
1 在 templete 中, 为每个 POST form 增加一个 {% csrf_token %} tag. 如下:        {% csrf_token %}    2 在 view 中, 使用 django.template.RequestContext 而不是 Context.  render_to_response, 默认使用 Context. 需要改成 RequestC
html-加载css样式的4种方法
appleLg的专栏
07-19 8719
加载css样式有4种 1.外部样式(外联样式) 如果css是一个外部文件，可以在你html文件的<head></head>里写上<link href="style.css" rel="stylesheet" type="text/css" />href=”style.css”这里可以写上你css文件的路径 这种形式是把css单独写到一个css文件内，然后在源代码中以link方式链接。它的好处是
HTML标签概述及＜html＞,＜head＞,＜title＞,＜link＞,＜form＞,＜meta＞详细介绍
share something here
09-26 7373
Web概述与创建介绍Web出发创建自己的Web后记三级目录 介绍 web（World Wide Web）是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。 超文本：是计算机处理文本信息的方法，不同空间的电子文档通过超链接组织起来成为一个“网”，这个文档“网”称为“超级文本”，简称“超文本”。 HTTP：全称Hyper Text Transfer Protocol（超文本传输协议）。经过多年的发展，现在HTTP能够传输图片等多媒体文件，是Web世界的中流砥柱，应用非常广泛 W
HTML基础-01-头部（＜head＞＜title＞＜ base＞＜link＞＜style＞＜meta＞＜script＞），区块元素和内联元素
运维玄德公
03-15 2661
1. 简单应用 1.1 第一个页面 1.2 注释 1.3 水平线 < hr > 2. 头部 < head > 2.1 < title >元素 2.2 < base > 元素 2.3 < link > 元素 2.4 < style > 元素 2.5 < meta > 元素 2.6 < script > 元素 3. 区块元素和内联元素（行内元素） 3.1 区块元素 3.2 内联元素 4. 几个简单示例 4.1 段落 < p > 4.2 分行 < br >...
【前端面试专栏】＜script＞ 脚本以及 ＜link＞ 标签对 DOM 解析渲染的影响
热门推荐
编码世界
07-06 1万+
当HTML解析器解析HTML，如果遇到`script`标签，普通的`script`标签会暂停对DOM解析渲染，因为该脚本可能会修改DOM。这里有三种情况：普通脚步、defer、async。
细说HTML＜head＞内标签之＜meta＞
u011447403的专栏
03-12 3089
Starter <meta>是HTML和XHTML中的元素，可提供与网页有关的结构化元数据，即网页的元信息(meta-information)。这些元数据不会显示在网页上，但机器可以识别并翻译出其功能，比如它会告诉浏览器网页要如何显示内容、多长时间重新加载页面，为搜索引擎提供关键词等其他 web 服务。<meta>元素放在头标签内，在HTML中没有结束标签，但在XHTML中必须正确地关闭。
HTML中＜meta＞标签的使用方法
Gavin Guo的博客
11-19 3688
<meta>标签是用来描述文档的元数据，所谓的元数据就是描述数据的数据。<meta>就是用来描述html文件的。它被放置在<head></head>之中，<meta>标签不需要设置结束标签，一个尖括号就是一个meta标签的内容。所呈现的数据不会在页面中显示，仅仅只能说明页面的信息，包括关键字、作者、版权等等。它作用于浏览器、搜索引擎以及其他的网络服务。 <meta>标签主要的属性有四种，分别是name、http-equiv、conten
CSS 通过＜link/＞标签引入CSS样式
qq_27232945的博客
11-02 2571
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" type="text/css" href="1.css"> </head> <body> <div>div标签1</div> <div&gt.
CSS 的 link 标签放在 head 标签之间的作用
TianXuab的博客
11-11 1480
当我们在开发网页时，经常会遇到关于CSS文件引入位置的讨论。有些人喜欢将CSS文件的链接放在HTML文件的底部，而另一些人则认为最好将CSS链接放在标签之间。那么，究竟应该将CSS的link标签放在head标签之间的原因是什么呢？让我们来深入探讨一下。
<link>标签实现预加载功能详解
weixin_33717117的博客
06-15 2368
前言最近在研究 vue-cli 3.0生成的工程，在构建后生成的 index.html里面发现了下面这种用法：&lt;link as=style href=/css/app.f60416c7.css rel=preload&gt;复制代码&lt;link as=script href=/js/app.69189fdd.js rel=preload&gt;复制代码这就触到了本人的知识盲区了，本着扫盲...
动态加载外部CSS与JS文件
12-10
　3、由于是页面是从上到下依次加载文件的，并且边加载边解释，所以可以添加javascript控制器控制页面文件的加载顺序，如先加载css布局文件，再显示有图片的css美化文件,之后再加载大的falsh文件，或者安内容的重要...
动态加载外部css或js文件
12-11
3、由于是页面是从上到下依次加载文件的，并且边加载边解释，所以可以添加javascript控制器控制页面文件的加载顺序，如先加载css布局文件，再显示有图片的css美化文件,之后再加载大的falsh文件，或者安内容的重要性...
asynchronous-loading:异步加载CSS或JS文件，甚至影响应将其添加到何处
04-29
在addAsset ，您将能够像加载css或js文件一样，甚至影响应将其添加到何处。 看到的工作演示。 剧本 在addAsset ，仅需要添加源（ src ），这是源文件的路径。 向其添加相对或绝对路径，然后让此函数确定它是JS还是...
OpenLayers加载缩放控件使用方法详解
01-18
2、在之前创建的空白站点下面新建一个html的页面，引入ol.js和ol.css文件，然后在body标签中创建一个div，作为地图加载的容器； 3、代码实现 <!DOCTYPE html> <html xmlns=http://www.w3.org/1999/xhtml> ...
基于SSM+JSP的企业人事管理信息系统毕业设计(源码+录像+说明).rar
05-09
基于SSM+JSP的企业人事管理信息系统毕业设计(源码+录像+说明).rar 【项目技术】 开发语言：Java 框架：ssm+jsp 架构：B/S 数据库：mysql 【演示视频-编号：420】 https://pan.quark.cn/s/b3a97032fae7 【实现功能】 实现了员工基础数据的管理，考勤管理,福利管理,薪资管理,奖惩管理,考核管理,培训管理,招聘管理,公告管理,基础数据管理等功能。
node-v6.12.0-linux-ppc64le.tar.xz
最新发布
05-09
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
node-v6.8.0-linux-ppc64le.tar.xz
05-09
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
基于PaddleFL框架的联邦学习医疗影像识别系统源码+GUI界面+说明（高分）.zip
05-09
基于PaddleFL框架的联邦学习医疗影像识别系统源码+GUI界面+说明.zip该项目是个人毕设项目源码，评审分达到97分，都经过严格调试，确保可以运行！放心下载使用。该项目资源主要针对计算机相关专业的学生或从业者下载使用，也可作为期末课程设计、课程大作业、毕业设计等。 基于PaddleFL框架的联邦学习医疗影像识别系统源码+GUI界面+说明.zip该项目是个人毕设项目源码，评审分达到97分，都经过严格调试，确保可以运行！放心下载使用。该项目资源主要针对计算机相关专业的学生或从业者下载使用，也可作为期末课程设计、课程大作业、毕业设计等。 基于PaddleFL框架的联邦学习医疗影像识别系统源码+GUI界面+说明.zip该项目是个人毕设项目源码，评审分达到97分，都经过严格调试，确保可以运行！放心下载使用。该项目资源主要针对计算机相关专业的学生或从业者下载使用，也可作为期末课程设计、课程大作业、毕业设计等。 基于PaddleFL框架的联邦学习医疗影像识别系统源码+GUI界面+说明.zip该项目是个人毕设项目源码，评审分达到97分，都经过严格调试，确保可以运行！放心下载使用。该项目资源
优化这段代码：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>计算∑N!</title> <style type="text/css"> table { background-color: #f2f2f2; width: 600px; height: 300px; margin: 20px auto; color: black; border: 20px ridge #9999cc; } td { font-size: 20px; font-weight: bold; text-align: center; } #button { width: 180px; height: 60px; } </style> <script src="sum_factorial.js" type="text/javascript" charset="utf-8"></script> </head> <body> <table border="0" cellspacing="" cellpadding=""> <tr> <td colspan="4"> 计算∑N! </td> </tr> <tr> <td colspan="2"> 输入整数N的值: </td> <td colspan="2"> <input type="text" id="n_text" value="" /> </td> </tr> <tr> <td colspan="2"> ∑N!= </td> <td colspan="2"> <input type="text" id="sum_text" value="" /> </td> </tr> <tr> <td colspan="2"> <input type="button" name="" id="button" value="计算∑N!" onclick="show()" /> </td> <td colspan="2"> <input type="reset" value="清空" id="button" /> </td> </tr> </table> </body> </html>
05-28
3. 将`<script>`标签放到`<body>`标签底部，这样可以让页面更快地加载。 4. 将`<table>`标签的`border`、`cellspacing`和`cellpadding`属性移除，这些属性可以使用 CSS 设置。 5. 将重复的`id`属性`button`修改为`...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值