js html引入外部css文件,js中如何引入css文件？

js中如何引入css文件？下面本篇文章给大家介绍一下使用JS引入css文件的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

1、使用document.write方式输出引入css的link标签

在调用文件的顶部加入下例代码

document.write('');

2、使用createElement方法动态创建link标签，来引入css

在将下边代码放入Body中

new_element = document.createElement('link');

new_element.setAttribute('rel', 'stylesheet');

new_element.setAttribute('href', 'main.css');

document.body.appendChild(new_element);

我们来分析一下关键的几句代码：

首先我们利用document.createElement('link')生成了一个link标签；

然后设置其rel属性为stylesheet，href为main.css；

最后将这个标签动态地加入body中。

更多web前端知识，请查阅 HTML中文网！！

js html引入外部css文件,js中如何引入css文件？相关推荐

git在已忽略文件夹中不忽略指定文件
注意:结尾的星号不能去,去掉就无效了 1.在已忽略文件夹中不忽略指定文件夹 /node_modules/* !/node_modules/layer/ 2.在已忽略文件夹中不忽略指定文件 /node_ ...
Python判断两个文件夹中互相不同的文件有哪些、判断一个文件夹相对于另外一个文件夹缺少了哪些文件
Python判断两个文件夹中互相不同的文件有哪些.判断一个文件夹相对于另外一个文件夹缺少了哪些文件目录 Python判断两个文件夹中互相不同的文件有哪些.判断一个文件夹相对于另外一个文件夹缺少了哪些 ...
linux 获取文件父目录权限,Linux 文件权限中，操作一个文件需要父目录的那些权限？...
eudore:linux 文件权限中,操作一个文件需要父目录的那些权限? 是否需要检查每级目录?想找到一份完整规范正确的指导,自己在写检查 linux 用户文件权限的代码. 例如读取一个文件 /hom ...
批量替换一个文件中的文件名，例如将文件夹中s**_abnormal.jpg文件修改为s**_abnor.jpg
文章涉及到StringAbout::开头的函数具体实现参考:string与Cstring字符串类型转换和其他操作总结 CProcessFile::开头的函数实现参考:文件读写操作工具类CProcess ...
matlab打开bmp,Matlab 读取文件夹中所有的bmp文件
将srcimg文件下的bmp文件转为jpg图像,存放在dstimg文件夹下 str = 'srcimg'; dst = 'dstimg'; file=dir([str,'\*.bmp']); :len ...
java压缩zip文件夹错误_Java将文件或者文件夹压缩成zip（修复文件夹中存在多个文件报Stream Closed错误问题）...
项目场景: Java将文件或者文件夹压缩成zip(修复文件夹中存在多个文件报Stream Closed错误问题) 问题描述: 最近的项目需要将多级文件夹压缩成zip,网上找了几个工具类,都会报错,所以 ...
失物招领php_我的Mac上“失物招领”文件夹中的大型iNode文件是什么？
失物招领php If you're trying to figure out what's taking up space on your Mac, you might stumble upon so ...
使用cmd命令在桌面上新建一个文件夹，且在文件夹中新建一个.java文件,使用cmd命令实现.java文件的编译运行
标题使用cmd命令在桌面上新建一个文件夹,且在文件夹中新建一个.java文件,使用cmd命令实现.java文件的编译运行 1.在电脑桌面使用快捷键win+r打开 2.打开cmd命令界面之后使用md d ...
python怎么调用文件_python 中如何引用头文件
python 引入导入自定义模块, python 引入导入外部文件 python 引入导入自定义模块, python 引入导入外部文件项目中想使用以前的代码,或者什么样的需求致使你 ...
vue对文件夹进行拖拽上传完整流程（文件夹中超出100个文件）
前言上个文章介绍了多图片压缩,多图片可以通过直接多选图片进行拖拽,也可以通过直接拖拽文件夹进行解析得到多图片,接下来直接上代码先展示文件拖拽后对文件的解析效果图片文件夹图片文件夹解析大文件夹 ...

js html引入外部css文件,js中如何引入css文件？

js html引入外部css文件,js中如何引入css文件？相关推荐

最新文章

热门文章