您的位置：首页 > 其它

使用Prototype的一点心得体会（六）

2008-05-22 14:54 375 查看

关于扩展：

1.扩展Array

<html>

<head>

<script>...

var a = ['hello','world'];

var b = ['wawa','anno'];

var c = [a, b];

var d = [c , 'china']

alert(d.length);

alert(d.flatten().length + d);

</script>

</head>

</html>

2.扩展Document

<html>

<head>

</head>

<style>...

.ok{...}{

border-style:solid;

border-width:1px;

width:160px;

}

</style>

<div class="ok" >AAAAAAAAAA</div>

<div class="ok" >BBBBBBBBBB</div>

<div >CCCCC</div>

</div>

</script>

<script>...

var a = document.getElementsByClassName("ok");

a.each(function(element , index)

...{

alert(element.innerHTML);

});

</script>

</html>

3.扩展String

<html>

<head>

<script>...

var str1 ='<a>dfd</a>';

alert(str1.stripTags());

alert(str1);

var str2 ='<script>dfd</script>';

alert(str2.stripScripts());

alert(str2);

var str3 ='<a>dfd</a>';

alert(str3.escapeHTML());

alert(str3);

var str4 ='<a>dfd</a>';

alert(str4.unescapeHTML());

alert(str4);

var str5 ='<script>alert("====");</script>';

str5.evalScripts();

var str6 ='<script>alert("====");</script><script>alert("xxxx");</script>';

alert(str6.extractScripts());

var str7 = "he-l-l-o";

alert(str7.camelize());

</script>

</head>

</html>

4.扩展Event

<script>...

var car = document.getElementById("img");

var timer;

function move(event)

...{

shift(Event.pointerX(event), Event.pointerY(event) )

}

function shift(x , y)

...{

var leftStr = car.style.left;

var topStr = car.style.top;

car.style.left = Math.round(leftStr.substring(0, leftStr.length - 2) * 19 / 20 + x / 20 );

car.style.top = Math.round(topStr.substring(0, topStr.length - 2) * 19 / 20 + y / 20 );

timer = setInterval("shift( " + x + "," + y + ")" , 0.2);

}

function stop(event)

...{

clearInterval(timer);

}

Event.observe(document, 'mousedown', move, false);

Event.observe(document, 'mouseup', stop, false);

</script>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航