讓網頁滾動到特殊的位置
滾動網頁的方法,所有的流覽器目前使用的都是同一個(非標準)方法。這樣有些事情就比較簡單了!
解決方法
滾動網頁(或者說,視窗或者框架)的方法有兩種,通滾動特定的量(window.scrollBy),或者到達某個特定的位置(window.scrollTo):
這些例子說明:滾動200圖元,之後再200圖元,然後到達一個距離左邊300圖元、距離頂端100圖元的位置,之後回到頂端角上。
視口(viewport)大小(窗口中可用的空間大小)
很多種腳本都需要視口大小,也就是腳本邏輯中一個空間的因素。這個問題的解決方法提供了一種獲得視口大小的效用功能,在後面的內容中我們還會詳細的瞭解這個功能的。
解決方法
我們需要的屬性以三種方式進行實施,正如我們在前面網頁滾動的內容中看見的一樣,在上面的例子中,我們可以使用目標測試來判斷哪些實施時想過的,包括測試IE 5中我們需要的0值(這個測試需要的原因是相同的:因為,儘管屬性存在,但它不是我們想要的):
這個function會返回一列寬度和高度,這樣我們可以在需要的時候調用:
總結
在這一章的內容中,我們從一個程式師的角度對視窗以及框架的操控進行了瞭解,我們講了基本的原則和技巧,通過這些基本的原則和技巧,我們可以確保這類的腳本跟用戶非常友好的,並且是容易被接受的。毫無疑問,這類工作會繼續受到爭議的,而且很明顯,我們需要一些目的機制,因為即使框架的使用慢慢的少了,但是更詳細介面的出現讓這些問題層出不窮。
我喜歡XLink標準顯示屬性,它的值是new以及replace,這就意味著一個目標過程(打開一個新的視窗,替換目前視窗中的內容),但是他們並沒有定義具體的行為。他們留給用戶自己去控制,比如,new可以用來打開tab而不是視窗。
推薦給同仁
您想要瞭解更多的免費小竅門以便提升你的網站排名嗎?
請馬上聯繫我們網站管理員:
MSN: chenlinwu@cmmail.com
Email: info@rank-ad.com