当前位置: 编程技术>WEB前端
本页文章导读:
▪javascript 面向对象的开发 <script>function Class(){ var _self = this;//把本身引用负值到一变量上 var _Field = "Test Field"; //私有字段 var privateMethod = function(){ //私有方法 alert(_self.Property); //调用属性 } this.Property.........
▪Web JavaScript中 null 与 undefined 的区别
null
是javascript的关键字是Object类型，但是常被分为一个单独的类型表示没有值
undefined
也表示没有值，但是是更深层次的，或者说是系统级别的不是类型，是预先定义好的全局变.........
▪如何获取元素样式
元素的style属性时常被用于获取元素样式，但很多时候它是不奏效的。看下面的代码：
<html>
<body>
<style>
#ex2 {height:100px;width:100px;background:blue;}
</style>
<div ex1'&.........
[1]javascript 面向对象的开发
<script>
function Class(){
var _self = this;//把本身引用负值到一变量上
var _Field = "Test Field"; //私有字段
var privateMethod = function(){ //私有方法
alert(_self.Property); //调用属性
}
this.Property = "Test Property"; //公有属性
this.Method = function(){ //公有方法
alert(_Field); //调用私用字段
privateMethod(); //调用私用方法
}
/***构造函数***/
var init = function(){
privateMethod();
}
init();
}
var a=new Class();
a.Property='aaaaa';
a.Method();
var b=new Class();
b.Property='bbbb';
b.Method();
a.Method();
</script>
本文链接
[2]Web JavaScript中 null 与 undefined 的区别
来源: 互联网 发布时间: 2013-11-06
- null
- undefined
- undefined主要出现在
- 他们的异同与关系
作者：arvinrong 发表于2013-3-11 17:09:26 原文链接
阅读：47 评论：0 查看评论
[3]如何获取元素样式
来源: 互联网 发布时间: 2013-11-06
元素的style属性时常被用于获取元素样式，但很多时候它是不奏效的。看下面的代码：
<html>
<body>
<style>
#ex2 {height:100px;width:100px;background:blue;}
</style>
<div ex1'></div>
<div id='ex2'></div>
<script>
var elem1 = document.getElementById('ex1');
alert(elem1.style.width);
var elem2 = document.getElementById('ex2');
alert(elem2.style.width);
</script>
</body>
</html>我们发现，elem1的值是可以取到的（100px），但elem2则是空。这是因为，style属性只能获取内联样式。那么对于非内联样式我们应该如何取得其值呢？微软和W3C都提供了解决方案。
微软方案
使用currentStyle属性，它的工作方式很像style属性，但你不能通过它设置样式。
例如:
var x = document.getElementById(‘test’); alert(x.currentStyle.color);W3C方案
使用window.getComputedStyle()方法，这个方法的使用略复杂。
例如：
var x = document.getElementById(‘test’); alert(window.getComputedStyle(x, null).color);整合两种解决方案，我们给出函数
function getRealStyle(elem, styleName){
var realStyle = null;
//微软
if (elem.currentStyle){
realStyle = elem.currentStyle[styleName];
}
//W3C
else if (window.getComputedStyle){
realStyle = window.getComputedStyle(elem, null)[styleName];
}
return realStyle;
}使用这个函数，我们可以得到elem2的正确值100px。
代码如下：
var elem2 = document.getElementById('ex2');
alert(getRealStyle(elem2, 'width'));
注：
getComputedStyle()总是返回一个像素值（**px），即使我们在css中定义是样式是11%或是50em。
参考:《ppk谈javascript》第9章 CSS修改 A style属性
作者：qmhball 发表于2013-3-11 17:05:32 原文链接
阅读：49 评论：0 查看评论
最新技术文章: