4
12
2013
0

[摘录]js中escape,encodeURI,encodeURIComponent

相信作为开发人员,一定对于乱码、编码等问题很是困扰,部分原因是因为对这类知识不了解,还有就是未能正确使用相关技术。

一下是我从网上摘录来的关于javascript提供的原生的3个编码方法,特别实用。

Category: Web摘记 | Tags: javascript 编码
3
9
2012
1

javascript的getComputedStyle方法获取节点的计算后的CSS样式

取自:www.cnblogs.com/yunfour/archive/2012/02/25/2367895.html

今天在做东西的时候,遇到一个问题:想获取节点style指定的CSS属性,如:ele.style.display属性,如果在节点中没有设置其style.display属性的话则通过ele.style.display这种方式获取的值为空字符串。

如果节点ele是一个块状元素的话,通过上述方式返回的display的值则应该为:block的,而其得到的值为空字符串并非我想得到的,在网上 查找了了一下,浏览器中提供了一个方法:window.getComputedStyle()的方法可以得到节点的计算后样式,该方法有两个参数,第一个 是要所要获取的样式的节点,第二个参数不知道是什么作用,网上给出的例子都将设置成null;即是这样调用 的:window.getComputedStyle(node,null),其返回值为一个对象,为计算后的样式的属性值对的集合。

但是IE浏览器中不支持该方法,不过在IE中,元素节点有一个属性对应的也是该节点计算后的方法,例如,在IE中节点node计算后的样式 为:node.currentStyle,该属性是一个对象,也是计算后的样式的属性值对的集合。为了兼容性我们可以将其封装改写一下,提供一个统一的方 法getCurrentStyle(node),如下:

// 参数node:将要获取其计算样式的元素节点
function getCurrentStyle(node) {
    var style = null;
    
    if(window.getComputedStyle) {
        style = window.getComputedStyle(node, null);
    }else{
        style = node.currentStyle;
    }
    
    return style;
}

 

以下代码是获取其中div的display的样式属性值:

<div id="div">div节点</div>

<script>
var div = document.getElementById("div");
var style = getCurrentStyle(div);
var display = style["display"];

alert(display);    // 输出:block
</script>

 

Category: Web摘记 | Tags: 获取样式 javascript
10
23
2011
37

求解:Uncaught TypeError: Cannot convert object to primitive value

<div id="test">ff</div>
<script>
var test=document.getElementById("test");alert(test);
var msg="";
for(var i in test){
 msg=msg+i+"--->"+test[i]+"<br/>";
}
test.innerHTML=msg;
</script>

为了进行web设计&编程学习,今天下了chromium,然后进行如上测试代码,想看看DOM对象的所有属性,但是却怎么也执行不了,看了其自带的javascript控制台,发现报错了……

如下错误提示&错误所在行如下:(英文我不是很懂~-~)

 msg=msg+i+"--->"+test[i]+"<br/>";
Uncaught TypeError: Cannot convert object to primitive value
(anonymous function)

然后我再ff和opera下测试了下,可以的。控制台也没有报错……

然后修改了下test[i]为test.i,就可以执行了……

至此原因未知…… 如果有人知道,还望留言告知!谢谢!

 

 

Category: Web编程 | Tags: javascript 疑问
10
23
2011
16

10种用户友好的验证码(自网络

无…… 仅作收藏

Category: Web摘记 | Tags: css jquery javascript ajax
10
22
2011
4

js&css无图片实现tip提示效果 学习总结

学习学习如何通过css&js&无图片实现tips提示效果!

Category: Web设计 | Tags: javascript css
10
7
2011
0

js无图片实现tip提示效果 3K完美搞定 (自网络

js无图片实现tip提示效果,感觉很实用,so收藏下,顺便学习下!

Category: Web摘记 | Tags: javascript

Host by is-Programmer.com | Power by Chito 1.3.3 beta | Theme: Aeros 2.0 by TheBuckmaker.com