新建一個html文件,定名為test.html,用于講解怎么用javascript輸出隨機圖片。
在test.html頁面,利用script標簽標識表記標幟js代碼執行的處所,只有在標簽內的js代碼才能被網頁執行。
在script標簽內,利用new Array來建立一個空數組,并把它保留在imageList變量中。
給imageList數組建立四個元素,每個元素保留一張圖片的路徑,代碼如下:
利用Math對象的random()方式發生一個隨機數,將隨機數與數組的長度相乘,經由過程Math對象的floor()取整,得出一個隨機整數。
在script標簽內,利用document.write()方式輸出一張圖片,圖片的地址是隨機的數組元素,即隨機的圖片路徑。本家兒要經由過程imageChoice隨機的下標來獲得數組隨機值。
在瀏覽器打開test.html頁面,每刷新一次頁面,在網頁中隨機輸出一張圖片。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!