`
cjx186
  • 浏览: 269653 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

JavaScript动态添加CSS

阅读更多
function addCssByStyle(cssString){
	var doc=document;
	var style=doc.createElement("style");
	style.setAttribute("type", "text/css");

	if(style.styleSheet){// IE
		style.styleSheet.cssText = cssString;
	} else {// w3c
		var cssText = doc.createTextNode(cssString);
		style.appendChild(cssText);
	}

	var heads = doc.getElementsByTagName("head");
	if(heads.length)
		heads[0].appendChild(style);
	else
		doc.documentElement.appendChild(style);
}
分享到:
评论

相关推荐

    动态加载Css 浏览器判断

    在提供的压缩包文件中,`Browes 判断.asp`和`Browes 浏览器判断.asp`可能是用于服务器端进行浏览器检测的ASP文件,而`CheckBr(动态加载Css).js`可能是用于客户端JavaScript动态加载CSS并进行浏览器判断的脚本。...

    JavaScript动态添加css样式和script标签

    JavaScript动态添加CSS样式和script标签的知识点涵盖了Web开发中的客户端脚本编程技术,允许开发者在运行时动态地操作和修改网页的样式和行为。以下是对给定文件中所提到知识点的详细解释: 1. 动态添加CSS样式 - ...

    javascript实现动态加载CSS.docx

    以下将详细解释如何使用JavaScript实现动态加载CSS,并探讨其应用场景和优化策略。 首先,我们来看一个简单的JavaScript函数,用于动态添加CSS链接到页面头部: ```javascript function addStyle(stylePath) { ...

    JavaScript动态生成css

    JavaScript动态生成CSS是一种常见的前端开发技术,它允许我们在运行时创建、修改或删除CSS样式,以实现更加灵活和动态的页面样式控制。这种方式通常用于响应式设计、动画效果、主题切换或者在某些特定条件下需要调整...

    javascript 动态加载 css 方法总结

    JavaScript 动态加载 CSS 是网页开发中一种常用的技术,它允许开发者在运行时根据需要引入 CSS 文件,提高页面性能和用户体验。以下是对标题和描述中所述知识点的详细说明: 1. **@import 语句**: 在 CSS 文件中...

    IE8中使用javascript动态加载CSS的解决方法

    在IE8浏览器中使用JavaScript动态加载CSS一直是一个前端开发者面临的难题。IE8并不支持标准的`document.createElement('style')`方法,这使得在不支持这一方法的IE浏览器中无法正常动态加载CSS。为了解决这个问题,...

    如何实现JavaScript动态加载CSS和JS文件

    在现代网页设计和开发中,动态加载CSS和JavaScript文件是一种常见的需求。这通常是因为我们希望在页面加载时不要一次性加载所有的资源,这样可以加快页面的渲染速度,提升用户的体验,同时也能够在需要时才加载相关...

    动态添加css或js链接

    在Web开发过程中,我们经常会遇到需要动态加载样式表(CSS)或脚本(JavaScript)的情况。这种方式不仅能够提高页面的加载速度,还可以实现更加灵活的功能。本文将详细介绍如何在ASP.NET Web Forms中动态添加CSS或JS...

    javascript、css动态加载工具

    javascript、css动态加载工具

    通过JS动态向网页中添加CSS样式语句代码

    在网页开发中,JavaScript(JS)是一种不可或缺的脚本语言,它允许我们与用户交互、处理数据、控制页面行为,包括动态地向网页中添加CSS样式。本文将深入探讨如何通过JS来动态创建和应用CSS样式,以及如何利用AJAX...

    flex动态加载css实例

    动态加载CSS的方法主要有两种:使用`<link>`标签的`rel="preload"`属性和使用JavaScript动态创建`<link>`标签。 1. 使用`<link rel="preload">`: 这是一种HTML5的预加载特性,可以提前加载关键资源,如CSS。在`...

    使用javaScript动态加载Js文件和Css文件

    JS动态加载CSS 在可换主题的界面中具有很重要的意义,用户可以根据自己的浏览习惯选择自己喜欢的页面显示方式,下面详细说明。 希望下面的方法对你有帮助。 (1)使用JavaScript动态加载Js文件 /*JavaScript动态...

    JavaScript 第五章 JavaScript控制CSS

    本章主要探讨如何利用JavaScript动态地改变CSS样式,从而实现丰富的交互效果。 首先,我们需要理解JavaScript如何与CSS相互作用。在HTML文档中,CSS用于定义元素的外观和布局,而JavaScript则提供了操作这些样式的...

    javascript 动态修改css样式方法汇总(四种方法)

    在JavaScript中提供几种方式动态的修改样式,下面将介绍方法的使用、效果、以及缺陷。 1、使用obj.className来修改样式表的类名。 2、使用obj.style.cssTest来修改嵌入式的css。 3、使用obj.className来修改样式表的...

    javascript菜单和css换肤

    3. 动态加载 CSS:在 JavaScript 中,使用 `document.createElement('link')` 创建新的`<link>`标签,并设置 `href` 属性指向选中的主题样式表,再将其插入到`<head>`中。同时,删除之前加载的主题链接,以避免样式...

    CSS技术和JavaScript技术

    JavaScript技术可以用于实现网页的动态效果,例如弹出消息框、日期时间显示、鼠标闪烁效果等。 在给定的文件中,JavaScript技术主要用于实现弹出消息框、日期时间显示和加载音乐等功能。例如,MM_popupMsg函数用于...

    javascript实现动态加载CSS

    在提供的文件中,作者分享了如何通过JavaScript实现动态加载CSS文件的方法。通过详细分析给定文件中的内容,我们可以得到以下知识点: 1. 动态加载CSS的概念 动态加载CSS指的是在网页运行过程中,根据需要从服务器...

Global site tag (gtag.js) - Google Analytics