JS——窗口位置

看了《JavaScript高級程序設計》(第三版)這本書苞七,決定邊看邊記錄自己的學習隨筆,以加深印象浪藻。前面幾章的等有時間再回頭記錄,現(xiàn)從第八章開始記錄劣摇,不是每一章節(jié)都會有記錄珠移,看自己學習情況。

窗口位置

窗口位置表示窗口相對于屏幕左邊和上邊的位置。

  • IE钧惧、Safari暇韧、Opera、Chrome瀏覽器中浓瞪,用screenLeftscreenTop屬性來確定和修改window對象的位置懈玻。
  • Firefox中,用屬性screenXscreenY提供相同的窗口位置信息乾颁,Safari涂乌、Chrome也同時支持這兩個屬性。Opera也支持英岭,但是screenXscreenY和屬性screenLeftscreenTop并不對應湾盒,一般不再Opera中使用它們。

使用一下代碼可以跨瀏覽器使用:

var leftPos=(typeof window.screenLeft=="number") ? window.screenLeft : window.screenX;
var topPos=(typeof window.screenTop=="number") ? window.screenTop : window.screenY;

如果screenLeftscreenTop屬性存在诅妹,就取得這兩個屬性的值(在IE罚勾、Safari、Opera吭狡、Chrome瀏覽器中)尖殃;若果不存在(在Firefox中),就取得screenXscreenY的值划煮。

在使用這些值時送丰,還要注意一些小問題:

  • IE、Opera中弛秋,screenLeftscreenTop保存window對象表示的頁面的可見區(qū)域到屏幕左邊和上邊的距離器躏。
  • Chrome、Safari铐懊、Firefox中邀桑,screenTopscreenY表示整個瀏覽器窗口相對于屏幕的坐標值。

例子:
代碼如下:

<html>
<head>
<script type="text/javascript">
var leftPos=(typeof window.screenLeft=="number") ? window.screenLeft : window.screenX;
var topPos=(typeof window.screenTop=="number") ? window.screenTop : window.screenY;
alert(leftPos+"######"+topPos);
</script>
<style type="text/css">
body{
    padding: 30px;
}
</style>
</head>
<body bgcolor="#ffffff">
<form name="myText">
<input type="text" name="first_text">
<input type="text" name="second_text">
</form>
</body>
</html>

頁面展示如下:

  1. Chrome瀏覽器中(屏幕最大化)科乎,是整個瀏覽器相對于屏幕的位置壁畸,由于瀏覽器最大化,所以位置為(0,0)茅茂。
    *Chrome*瀏覽器頁面效果圖
  2. IE瀏覽器中捏萍,(屏幕最大化),是頁面可見區(qū)域到屏幕的位置空闲,由于瀏覽器最大化令杈,所以位置為(0,119)。
*IE*瀏覽器頁面效果圖
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末碴倾,一起剝皮案震驚了整個濱河市逗噩,隨后出現(xiàn)的幾起案子掉丽,更是在濱河造成了極大的恐慌,老刑警劉巖异雁,帶你破解...
    沈念sama閱讀 216,591評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件捶障,死亡現(xiàn)場離奇詭異,居然都是意外死亡纲刀,警方通過查閱死者的電腦和手機项炼,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,448評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來示绊,“玉大人锭部,你說我怎么就攤上這事∶婧郑” “怎么了拌禾?”我有些...
    開封第一講書人閱讀 162,823評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長展哭。 經(jīng)常有香客問我蹋砚,道長,這世上最難降的妖魔是什么摄杂? 我笑而不...
    開封第一講書人閱讀 58,204評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮循榆,結果婚禮上析恢,老公的妹妹穿的比我還像新娘。我一直安慰自己秧饮,他們只是感情好映挂,可當我...
    茶點故事閱讀 67,228評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著盗尸,像睡著了一般柑船。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上泼各,一...
    開封第一講書人閱讀 51,190評論 1 299
  • 那天鞍时,我揣著相機與錄音,去河邊找鬼扣蜻。 笑死逆巍,一個胖子當著我的面吹牛,可吹牛的內容都是我干的莽使。 我是一名探鬼主播锐极,決...
    沈念sama閱讀 40,078評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼芳肌!你這毒婦竟也來了灵再?” 一聲冷哼從身側響起肋层,我...
    開封第一講書人閱讀 38,923評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎翎迁,沒想到半個月后栋猖,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,334評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡鸳兽,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,550評論 2 333
  • 正文 我和宋清朗相戀三年掂铐,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片揍异。...
    茶點故事閱讀 39,727評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡全陨,死狀恐怖,靈堂內的尸體忽然破棺而出衷掷,到底是詐尸還是另有隱情辱姨,我是刑警寧澤,帶...
    沈念sama閱讀 35,428評論 5 343
  • 正文 年R本政府宣布戚嗅,位于F島的核電站雨涛,受9級特大地震影響,放射性物質發(fā)生泄漏懦胞。R本人自食惡果不足惜替久,卻給世界環(huán)境...
    茶點故事閱讀 41,022評論 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望躏尉。 院中可真熱鬧蚯根,春花似錦、人聲如沸胀糜。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,672評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽教藻。三九已至距帅,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間括堤,已是汗流浹背碌秸。 一陣腳步聲響...
    開封第一講書人閱讀 32,826評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留悄窃,地道東北人哮肚。 一個月前我還...
    沈念sama閱讀 47,734評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像广匙,于是被迫代替她去往敵國和親允趟。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,619評論 2 354

推薦閱讀更多精彩內容