用脚本调用样式的几种方法
方法 脚本 调用 几种 样式
2023-06-13 09:13:47 时间
之前经常遇见classname、csstext之类的词,却不知道如何用。最近着手网站实际建设,收获颇多,给还不懂的人分享一下。
通常在网页中样式表的调用方法有四种。第一是外链,即<link rel="StyleSheet" href = "/control/css/base.css">的形式;第二是输入样式表;第三是在网页头部申明,如<head> <style type="text/css">...;最后是直接在对象后写样式,即<div style = "width:80%...;">的形式。我们用脚本调用样式,也要从这几方面入手。
一、通常情况下,我们可以通过改变外链样式的的href的值实现网页样式的实时切换,也就是“改变模板风格”。这时候我们首先需要赋予需要改变的目标一个id,如
<link rel = "stylesheet" type="text/css" id="css" href="firefox.css" />
调用时很简单,如<span on click="javascript:document.getElementById("css").href = "ie.css"">点我改变样式</span>
二、局部改变样式,分为改变直接样式,改变className和改变cssText三种。需要注意的是:第一,javascript对大小写十分敏感,className不能够把“N”写成“n”,cssText也不能够把“T”写成“t”,否则无法实现效果。第二,如果改变className,则事先在样式表中申明类,但调用时不要再跟style,像
document.getElementById("obj").style.className="..."的写法是错误的!
只能写成:document.getElementById("obj").className="..."
但是如果用cssText的话,必须加上style,正确的写法是:
document.getElementById("obj").style.cssText="..."
改变直接样式我就不必说了,大家记得要写到具体样式即可,如
document.getElementById("obj").style.backgroundColor="#003366"
对于新人往往不知道CSS具体样式在javascript怎么写,而且有时候在不同浏览器中要求也不一样。如float在IE中写成styleFloat,在FIREFOX中写成cssFloat,这就需要大家的积累了。在google中搜索“JSS”,也许会对你的疑惑有所帮助。
通常在网页中样式表的调用方法有四种。第一是外链,即<link rel="StyleSheet" href = "/control/css/base.css">的形式;第二是输入样式表;第三是在网页头部申明,如<head> <style type="text/css">...;最后是直接在对象后写样式,即<div style = "width:80%...;">的形式。我们用脚本调用样式,也要从这几方面入手。
一、通常情况下,我们可以通过改变外链样式的的href的值实现网页样式的实时切换,也就是“改变模板风格”。这时候我们首先需要赋予需要改变的目标一个id,如
<link rel = "stylesheet" type="text/css" id="css" href="firefox.css" />
调用时很简单,如<span on click="javascript:document.getElementById("css").href = "ie.css"">点我改变样式</span>
二、局部改变样式,分为改变直接样式,改变className和改变cssText三种。需要注意的是:第一,javascript对大小写十分敏感,className不能够把“N”写成“n”,cssText也不能够把“T”写成“t”,否则无法实现效果。第二,如果改变className,则事先在样式表中申明类,但调用时不要再跟style,像
document.getElementById("obj").style.className="..."的写法是错误的!
只能写成:document.getElementById("obj").className="..."
但是如果用cssText的话,必须加上style,正确的写法是:
document.getElementById("obj").style.cssText="..."
改变直接样式我就不必说了,大家记得要写到具体样式即可,如
document.getElementById("obj").style.backgroundColor="#003366"
对于新人往往不知道CSS具体样式在javascript怎么写,而且有时候在不同浏览器中要求也不一样。如float在IE中写成styleFloat,在FIREFOX中写成cssFloat,这就需要大家的积累了。在google中搜索“JSS”,也许会对你的疑惑有所帮助。
相关文章
- python通过字符串调用方法_python调用shell脚本
- DBSAT脚本快速收集方法
- PS如何保存文档?4种PS保存文档的方法一看就会!
- shell脚本执行的方法
- 性能优化:MySQL优化常用的多种有效方法
- Python获取脚本所在目录的正确方法详解编程语言
- 【Linux系统设置硬盘分区容量的方法】(linux设置分区大小)
- Linux脚本快速添加用户方法(linux添加用户脚本)
- Linux脚本运行指南:详解简单易懂的方法!(linux中如何运行脚本)
- 脚本Linux系统中执行BAT脚本的简易方法(linux 执行 bat)
- Linux脚本实现杀进程的简单方法(linuxkill脚本)
- MS SQL自动生成插入脚本的简单使用方法(mssql生成插入脚本)
- MySQL中出现主键重复现象的解决方法(mysql中主键有重复)
- Oracle中存储SQL脚本文件的方法(oracle保存脚本文件)
- 有趣的script标签用getAttribute方法来自脚本吧
- sqlserver还原数据库时提示数据库正在使用,无法进行操作的解决方法
- Nodejs中调用系统命令、Shell脚本和Python脚本的方法和实例
- 解决jquery版本冲突的有效方法
- Java添加事件监听的四种方法代码实例