2007年2月12日
1 1. <script>
2 2.
3 3. function Test(){
4 4. this.say1 = function(s){
5 5. alert(s);
6 6. }
7 7. this.say2 = function(s){
8 8. alert(s);
9 9. }
10 10. }
11 11.
12 12. function actsAsAspect(object) {
13 13. object.yield = null;
14 14. object.rv = { };
15 15. object.before = function(method, f) {
16 16. var original = eval("this." + method);
17 17. this[method] = function() {
18 18. f.apply(this, arguments);
19 19. return original.apply(this, arguments);
20 20. };
21 21. };
22 22. object.after = function(method, f) {
23 23. var original = eval("this." + method);
24 24. this[method] = function() {
25 25. this.rv[method] = original.apply(this, arguments);
26 26. return f.apply(this, arguments);
27 27. }
28 28. };
29 29. object.around = function(method, f) {
30 30. var original = eval("this." + method);
31 31. this[method] = function() {
32 32. this.yield = original;
33 33. return f.apply(this, arguments);
34 34. }
35 35. };
36 36. }
37 37.
38 38. function beforeHander(s){
39 39. alert("aspect said:");
40 40. }
41 41. function afterHander(s){
42 42. alert("said by aspect");
43 43. }
44 44.
45 45. var t = new Test();
46 46. actsAsAspect(t);
47 47. t.before("say1",beforeHander);
48 48. t.after("say2",afterHander);
49 49.
50 50. test = function(){
51 51. t.say1("hello1");
52 52. t.say2("hello2");
53 53. }
54 54. test();
55 55. </script>
等級高的規則會覆蓋掉等級低的規則。
具有style屬性編寫的規則具有最高的等級。具有ID選擇器的規則比沒有ID選擇器的規則等級高。具有類選擇器的規則比只有類型選擇器的規則等級高。如果兩個規則的等級相同，后定義的覆蓋之前定義的規則。
a->style樣式的規則，如果有a=1
b->ID選擇器的總和
c->類，偽類和屬性選擇器的總和
d->類型選擇器和偽元素選擇器的總和
以style----id------class------element的順序排列。
| 選擇器 |
特殊性a~d |
特殊性總和 |
| style="" |
1,0,0,0 |
1000 |
| #x #y{} |
0,2,0,0 |
200 |
| #x .z{} |
0,1,1,0 |
110 |
| div #x{} |
0,1,0,1 |
101 |
| #x{} |
0,1,0,0 |
100 |
| p .z .m{} |
0,0,2,1 |
21 |
| p .z{} |
0,0,1,1 |
11 |
| div p{} |
0,0,0,2 |
2 |
| p{} |
0,0,0,1 |
1 |
?1
var
?net?
=
?
new
?Object();//命名空間，防止全局變量的沖突
?2
net.READY_STATE_UNINITIALIZED?
=
?
0
;
?3
?4
net.ContentLoader?
=
?
function
(url,?onload,?onerror)
{
?6
 ???
this
.url?
=
?url;
?7
???
this
.req?
=
?
null
;
?8
???
this
.onload?
=
?onload;//保存是方法名
?9
???
this
.onerror?
=
?(onerror)?
?
?onerror?:?
this
.defaultError;
10
???
this
.loadXMLDoc(url);
11
 }
12
 net.ContentLoader.prototype?
=
?
{
13
???loadXMLDoc:
function
(url)
{
15
??????
16
??????
try
{
?????????????????? var
?loader?
=
?
this
;//重點!loader為new出來的對象。
????????????????? this
.req.onreadystatechange?
=
?
function
()
{
20
?????????? loader.onReadyState.call(loader);//重點！?因為loader為new出來的對象，所以它可以調用對象內部的屬性或方法。應該可以像在catch方法內一樣使用this調用原型內的方法。
21
 ?????????????}
23
????????? }
24
??????
catch
(err)
{
26
??????????
this
.onerror.call(
this
);//同上
27
??????}
28
???}
29
???onReadyState:
function
()
{
31
??????
var
?req?
=
?
this
.req;
32
??????
var
?ready?
=
?req.readyState;
33
??????
34
??????
this
.onload.call(
this
);//this.onload為一個方法名。這樣是調用new出來的對象的回調函數。
35
??????
36
??????
this
.onerror.call(
this
);
37
???}
38
???defaultError:
function
()
{
40
??????alert();
41
???}
42
}
//這樣做，可以把所有的狀態都保存在對象內部，而不是設置一個全局變量。
1.form元素是默認有padding的。
2.tbody在ie下沒有innerHTML屬性。
1.z-index只對于position:absolute情況下起作用，對于沒有設置position:absolute的div其z-index永遠為0
2.未設定z-index的div，按照聲明的順序層疊。后聲明的蓋住先聲明的。
3.未設定z-index的div,如果屬于父子關系的，子div蓋住父div。
1?function?a(b)
2?{
3?????b();
4?}
5?a(function(){alert("1");}); 我理解，好像調用a方法時候，內部的函數相當于一個匿名的變量，這個變量保存了當前內部函數的引用。
子選擇器，相當于父子關系。只是對父親的兒子才起作用。屬性選擇器，通過屬性以及屬性的值進行樣式設定。 子選擇器: 1?<ul>
2???<li></li>
3???<ul>
4??????<li></li>
5???</ul>
6?</ul> ul > li{}只是ul下邊的li起作用，不對嵌套起到作用。 ul + li{}只是對ul下緊接的li起作用。 屬性選擇器： 1?<div?class="mycls">
2?????test
3?</div> div[class="mycls"] 選擇class屬性為mycls的div元素 [class="mycls"] 選擇class屬性為mycls的所有元素 div[class] 選擇含有class屬性的div元素
|
|
|
隨筆：11
文章：0
評論：0
引用：0
常用鏈接
留言簿(2)
隨筆分類
隨筆檔案
搜索
最新評論
閱讀排行榜
評論排行榜
|
|