本文目录一览:
js,css,html怎样使用
一、TML是目前最流行的网页制作语言。互联网中的网页大多数都是使用HTML格式展示在浏览者面前的。超文本标记语言,即HTML(Hypertext Markup Language),是用于描述网页文档的一种标记语言。网页的本质就是超级文本标记语言,通过结合使用其他的Web技术可以创造出功能强大的网页。HTML 5是近十年来Web开发标准最巨大的飞跃。和以前的版本不同,HTML 5并非仅仅用来表示Web内容,它的新使命是将Web带入一个成熟的应用平台,在HTML 5平台上,视频,音频,图像,动画,以及同电脑的交互都被标准化。
二、级联样式表简称“CSS”,通常又称为“风格样式表(Style Sheet)”,它是用来进行网页风格设计的。比如,如果想让链接字未点击时是蓝色的,当鼠标移上去后字变成红色的且有下划线,这就是一种风格。通过设立样式表,可以统一地控制HTML中各标志的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表,可以扩充精确指定网页元素位置,外观以及创建特殊效果的能力。
三、JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,比如响应用户的各种操作。Javascript提供了丰富的运算功能,包括算术运算、关系运算、逻辑运算和连接运算。JavaScript的一个重要功能就是面向对象的功能,通过基于对象的程序设计,可以用更直观、模块化和可重复使用的方式进行程序开发。
如何使用JS来增加CSS样式的CLASS内容?
在页面内用JS操作CSS除非用AJAX,但操作页面内的样式的话,是可以的。操作样式分为改变直接样式,改变className和改变cssText三种
一、局部改变样式
调用方法:
改变className
div id="demo"测试/div
script
document.getElementById('demo').className="test";
/script
改变直接样式
div id="demo"测试/div
script
document.getElementById('obj').style.backgroundColor="#003366";
/script
二、全局改变样式
可以通过改变外链样式的的href的值实现网页样式的实时切换
link rel = "stylesheet" type="text/css" id="css" href="firefox.css" /
span on click="javascript:document.getElementById('css').href = 'ie.css'"点我改变样式/span
js 文件中 使用到 css 怎样处理呢? 如图
使用css样式是设置DOM对象的className属性.
x.className = 'STYLE1';
如果要设置style,应该设置css样式名称对应的属性,如果名称里有连字符-,要去掉后把后一个字母大写
x.style.fontSize = '12px';
x.style.color = '#666666';
js设置css怎么使用
-moz-, -webkit-, -o-这些都是浏览器前缀。box-shadow才是css样式。
通过js获取css的box-shadow的方法:
div
{
box-shadow: 10px 10px 5px #888888;
}
js方法:
document.div[0].style.box-shadow = "12px 11px 5px #888888;";
常用前缀和浏览器的对应关系如下:
Firefox: -moz-
Chrome, Safari: -webkit-
Opera: -o-
IE: -ms-
css标准中各个属性也要经历从草案(WD)到推荐(REC)的过程,css3中的属性进展都不一样。浏览器厂商在标准尚未明确情况下提前支持会有风险,同时也会出现有的浏览器厂商支持的好,有的支持的不好,所以就用厂商前缀加以区分。
PPK建议如果已成为REC或接近REC的属性,厂商如果完全实现了w3c的test case,就不用加厂商前缀,像border-radius在ie9下就不用加前缀。