javascript小知識Math.random()與Math.floor()及列表,知識點記錄

來源:互聯網
上載者:User

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml" ><br /><head><br /> <title>javascript小樂趣 - 沒事造星星玩</title><br /> <mce:style type="text/css"><!--<br /> body{margin:0;padding:0;}<br /> .sky{background:#000;width:1000;height:500px; position:relative;}<br /> #s{ background:#FFF; width:5px; height:5px; overflow:hidden; position:absolute;}</p><p>--></mce:style><style type="text/css" mce_bogus="1"> body{margin:0;padding:0;}<br /> .sky{background:#000;width:1000;height:500px; position:relative;}<br /> #s{ background:#FFF; width:5px; height:5px; overflow:hidden; position:absolute;}<br /> </style><br /> <mce:script type="text/javascript"><!--<br /> function $(id){ return document.getElementById(id);};</p><p> function creatstars(){<br /> var star = document.createElement("div");<br /> star.id = "s";<br /> var posX = Math.floor(Math.random(star.style.top)*400+100);//這裡random()的參數是多此一舉吧<br /> var posY = Math.floor(Math.random(star.style.left)*1000+1);<br /> $("sky").appendChild(star);<br /> star.style.top = posX + "px";<br /> star.style.left = posY + "px";<br /> }</p><p> //測試隨便數<br /> function f(){<br /> //alert(Math.random());//產生0~1之間的隨機數<br /> alert(Math.floor(100.555));//floor() 方法可對一個數進行下舍入,去掉小數部分而不是四捨五入<br /> }</p><p>// --></mce:script><br /></head><br /><body><br /><div class="sky" id="sky"></div><br /><button id="creatstar" onclick="creatstars()">沒事造星星玩</button><br /><button onclick="f();">測試隨便數</button></p><p><!--用一下列表--><br /><dl><br /> <dt>項目一</dt><br /> <dd>條目一</dd><br /> <dd>條目二</dd></p><p> <dt>項目二</dt><br /> <dd>條目一</dd><br /> <dd>條目二</dd><br /></dl><br /></body><br /></html><br />

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.