用JavaScript修改网页css样式
用JavaScript修改网页样式
一、局部改变样式
分为改变直接样式，改变className和改变cssText三种。需要注意的是：
注意大小写
：
javascript对大小写十分敏感，className不能够把“N”写成“n”，cssText也不能够把“T”写成“t”，否则无法实现效果。
调用方法
：
如果改变className，则事先在样式表中申明类，但调用时不要再跟style，像document.getElementById(’obj’).style.className=”…”的写法是错误的！只能写成：document.getElementById(’obj’).className=”…”
改变cssText
但是如果用cssText的话，必须加上style，正确的写法是：document.getElementById(’obj’).style.cssText=”…”
改变直接样式我就不必说了，大家记得要写到具体样式即可，如
document.getElementById(’obj’).style.backgroundColor=”#003366″
二、全局改变样式
通常情况下，我们可以通过改变外链样式的的href的值实现网页样式的实时切换，也就是“改变模板风格”。这时候我们首先需要赋予需要改变的目标一个id，如
<link rel = "stylesheet" type="text/css" id="css"
href="firefox.css" />
调用时很简单，如
<span on
click="javascript:document.getElementById('css').href =
'ie.css'">点我改变样式</span>
对于新人往往不知道CSS具体样式在javascript怎么写，而且有时候在不同浏览器中要求也不一样。如float在IE中写成styleFloat，在FIREFOX中写成cssFloat，这就需要大家的积累了。在google中搜索“ccvita javascript”，也许会对你的疑惑有所帮助。
基础知识
通常在网页中样式表的调用方法有三种。
第一种
：链入外部样式表文件
(Linking to a Style Sheet)
你可以先建立外部样式表文件（.css），然后使用HTML的link对象。示例如下：
<head>
<title>文档标题</title>
<link
rel=stylesheet href="http://www.ccvita.com/demo.css"
type="text/css">
</link></head>
而在XML中，你应该如下例所示在声明区中加入：
< ? xml-stylesheet type="text/css"
href="http://www.dhtmlet
相关文档：
转载自：http://hikejun.com/blog/?p=536
Zakas 1/22在twitter上分享了Baranovskiy的一篇文章“So, you think you know JavaScript?
”（你认为你够了解javascript吗）标题很叫板。结果5小段代码做的稀里哗啦。
今天Zakas专门撰文解答了这几道题（http://www.nczonline.net/blog/2010/01/26/answering-baranov ......
1、使右键和复制失效
方法1：
在网页中加入以下代码：
<script language="Javascript">
document.oncontextmenu=new Function("event.returnValue=false");
document.onselectstart=new Function("event.returnValue=false");
</script>
方法2：
在<body>中加入以下代码：
<body oncontextm ......
今天看到一段神得一塌糊涂的Javascript代码
(13223342.9269).toFixed(2)=13223342.93;
(13223342.9269).toLocaleString()=13,223,342.93;
formatNum(13223342.9269)=13,223,342.9269;
delFormat(13,223,342.9269)=13223342.9269;
//去掉逗号
function delFormat(str){
return str.replace(/,/g,"");
&n ......
<mce:script language="javascript" type="text/javascript"><!--
//需要读取的xml文件
var uRl = "jsReadXml.xml";
var xmlDoc;
//初始化，给上述定义变量赋值
// function showcurcity(){
if(window.ActiveXObject)
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM&q ......
在地址栏输入：
javascript:str='';for%20(var1=0;var1<document.images.length;var1++){str+='\n'+document.images[var1].src};if(str!=''){document.write(str);void(document.close())}else{alert('No%20images!')}
然后查看新出来的页面的源代码
若要显示出来，则：
javascript:funcname='';for%20(var1=0;var ......
