利用js隨機產生小方塊

2021-09-26 07:18:48 字數 1690 閱讀 8611

隨機產生小方塊

為貪吃蛇準備

*總結

* window.random=new random(); 例項化物件暴露給window

* +"px"

* 取到map選擇器

* 1.offsetwidth屬性可以返回物件的padding+border+width屬性值之和,

* style.width返回值就是定義的width屬性值。

2.offsetwidth屬性僅是可讀屬性,而style.width是可讀寫的。

3.offsetwidth屬性返回值是整數,而style.width的返回值是字串,並且帶有單位。

4.style.width僅能返回以style方式定義的內部樣式表的width屬性值。

var node=document.getelementbyid("mylist2").lastchild;

* absolute :  將物件從文件流中拖出,使用left,right,top,bottom等屬性進行絕對定位。

而其層疊通過css z-index屬性定義。此時物件不具有邊距,但仍有補白和邊框

relative :  物件不可層疊,但將依據left,right,top,bottom等屬性在正常文件流中偏移位置

lang

="en"

>

>

charset

="utf-8"

>

>

titletitle

>

>

/*隨機小方塊*/

script

>

>

.map

style

>

head

>

>

class

="map"

>

div>

>

//產生隨機數物件 自呼叫函式

(function

(win)

//新增原型

random.prototype.

getrandom

=function

(min,max)

;//把區域性變數暴露給window頂級物件

// 正常情況下 var rm=new random();

//實參傳給形參,window頂級物件傳進去

win.random=

newrandom()

;})(window)

;//自定義建構函式的方式,分號一定要加上

//產生小方塊物件

(function

(window)

//初始化小方塊的顯示的效果及位置

food.prototype.

init

=function()

;//產生隨機位置

food.prototype.

render

=function

(map)

;var fd=

newfood(20

,20,"green");

fd.init

(map);}

)(window)

;script

>

body

>

html

>

隨機產生小方塊

加粗樣式 物件 隨機數 小方塊 產生隨機數的物件 function 2.在原型中新增方法 random.prototype.getrandom function max,min 3.把區域性物件暴露給window物件 window.random random var r new random 50 ...

貪吃蛇之隨機產生小方塊

產生隨機數的物件 function 2.在原型這種新增方法 suiji.prototype.getsuiji function min,max 3.把區域性變數暴露給window window.suiji suiji 4.列印隨機物件 var sj new suiji 產生小方塊的物件 functi...

java web前面頁面顯示小方塊問題

上週專案組在測試工程師的測試報告中發現如下圖中的bug,流程是新增或修改完之後,跳轉到查詢列表頁面,偶爾出現乙個小方塊 而且還是小概率事件出現方塊,這個問題在chrome上沒有問題,只是在ie11中有問題。一開始我以為是頁面 寫得不規範,比如jsp少結束標籤,某些屬性不支援或者是js報錯造成的。我就...