js課程 6 15 js簡單彈力球如何實現

2021-09-07 19:17:09 字數 2090 閱讀 4993

比如body中只有乙個img的時候

那麼body的區域就是只有img的這麼大

documentelement的範圍就是整個document文件

讓增值變為負的即可

41 setinterval(function() 48 49 if(ys<=0) 52 imgobj.style.top=ys+'px'; 53 },10);

元素.style.樣式名,比如imgobj.style.top

52 imgobj.style.top=ys+'px';

通過document的documentelement屬性

1.有效的高   螢幕可視的高

document.documentelement.clientheight

2.螢幕的總高度   螢幕的總高度

document.documentelement.scrollheight

3.滾動的高      滾動的高度

document.documentelement.scrolltop

34 screenheight=document.documentelement.clientheight;

35 imgheight=128; 36 diffheight=screenheight-imgheight;

出現的原因是因為對齊的問題,雖然這裡沒有文字,其實也就是塊標籤中的行標籤對齊的問題

a、img設定display為block

b、div設定overflow為hidden

js中加了on,比如onkeydown,而jquery中就是keydown

獲取3個高度:

1.有效的高   螢幕可視的高

document.documentelement.clientheight

2.螢幕的總高度   螢幕的總高度

document.documentelement.scrollheight

3.滾動的高      滾動的高度

document.documentelement.scrolltop

1

doctype html

>

2<

html

>

3<

head

>

4<

meta

charset

="utf-8"

>

5<

title

>index

title

>

6<

style

>7*

1213

#imgid

2021

#imgid img

2425

style

>

26head

>

27<

body

>

28<

div

id='imgid'

>

29<

img

src="fb.png"

>

30div

>

31body

>

32<

script

>

33imgobj

=document.getelementbyid(

'imgid');

34screenheight

=document.documentelement.clientheight;

35imgheight

=128;36

diffheight

=screenheight

-imgheight;

3738ys=

0;39yv=10

;4041setinterval(

function

()48

49if

(ys<=0)

52imgobj.style.top=ys

+'px'

;53},10

);54

script

>

55html

>

js課程 1 2 js概念

getelement獲取的是標籤,是元素,同樣也是js物件,也有屬性和方法,方法就是onclick這些事件,屬性就是固有的屬性 13 找到小狗 14 dogobj document.getelementbyid dogid 15 16 給小狗加事件 17 dogobj.nclick function...

js高階課程1

資料儲存方式 建立乙個基本的資料型別,把資料儲存在棧裡面 如果建立引用資料型別,則把資料儲存在堆裡面,但會在棧裡面儲存該資料型別的位址 位址是字串 棧 儲存基本資料型別,儲存使用者建立引用資料型別在堆的位址 位址是字串 堆 儲存引用資料型別,也可以儲存包含基本資料型別的物件。ec execution...

Js簡單學習

獲取元素 window.onload function script head 使用者名稱 type text name username id username 密碼 type password name password body 或者 function init script head onl...