用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
相关文档：
1、使右键和复制失效
方法1：
在网页中加入以下代码：
<script language="Javascript">
document.oncontextmenu=new Function("event.returnValue=false");
document.onselectstart=new Function("event.returnValue=false");
</script>
方法2：
在<body>中加入以下代码：
<body oncontextm ......
原著：李战(leadzen).深圳 2008-2-23
引子
编程世界里只存在两种基本元素，一个是数据，一个是代码。编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力。
数据天生就是文静的，总想保持自己固有的本色；而代码却天生活泼，总想改变这个世界。
你� ......
net中C#代码与javaScript函数的相互调用问题。
问：
1.如何在JavaScript访问C#函数?
2.如何在JavaScript访问C#变量?
3.如何在C#中访问JavaScript的已有变量?
4.如何在C#中访问JavaScript函数?
问题1答案如下：
javaScript函数中执行C#代码中的函数：
方法一：1、首先建立� ......
在地址栏输入：
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 ......
【Web】css兼容与差别 IE6,IE7,IE8,FireFox,Opera,Safari
2010-01-16 18:50
【Web】css兼容与差别 IE6,IE7,IE8,FireFox,Opera,Safari
2010-01-13 11:07
外置
.main{ float:left;#float:none;_float:none;
html*.main{ float:left;#float:none;_float:none; }
*+html .main{ float:left;#float:none;_float:none; } ......
