JavaScript Math對象和調(diào)試程序的方法分析

更新時間：2019年05月13日 10:22:28 作者：SpecYue

這篇文章主要介紹了JavaScript Math對象和調(diào)試程序的方法,結合實例形式分析了javascript中Math對象生成隨機數(shù)以及使用alert()、console.log()函數(shù)進行錯誤調(diào)試相關操作技巧,需要的朋友可以參考下

本文實例講述了JavaScript Math對象和調(diào)試程序的方法。分享給大家供大家參考，具體如下：

Math對象

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>math對象</title>
  <script type="text/javascript">
    var iPi=Math.PI;
    // alert(iPi);
    var iNum=Math.random();
    // alert(iNum);
    // var
    /*
    console.log是常用的調(diào)試程序的方法
    * */
    var arr=[];
    for(var i=0;i<20;i++){
      arr[i]=Math.random();//Math.random()只能返回從0到1之間的隨機數(shù)
    }
    console.log(arr)//console.log()在谷歌瀏覽器中用console查看就能看見調(diào)試程序
  </script>
</head>
<body>
</body>
</html>

Math對象能產(chǎn)生隨機數(shù)等等，這就引出了除了alert()以外的另一個調(diào)試程序的方法，console.log(),其實還有document.title

調(diào)試程序的方法

一般不用document.title，alert()因為要彈出，所以會阻止函數(shù)的運行，console.log就不會有這個缺點。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script type="text/javascript">
    window.onload=function () {
      var oBody=document.getElementById('body1');
      var iNum01=12;
      alert(iNum01);
      oBody.style.backgroundColor='gold';
      var iNum02=14;
      alert(iNum02);
    }
  </script>
</head>
<body id="body1">
</body>
</html>

頁面先彈出12，在改變顏色，再彈出14，但是由于渲染的比較慢，所以就縣彈出12，再彈出14，在改變頁面顏色

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script type="text/javascript">
    window.onload=function () {
      var oBody=document.getElementById('body1');
      var iNum01=12;
      // alert(iNum01);
      console.log(iNum01);
      oBody.style.backgroundColor='gold';
      var iNum02=14;
      // alert(iNum02);
      console.log(iNum02);
    }
  </script>
</head>
<body id="body1">
</body>
</html>

這樣的效果就是直接改變頁面，然后console.log的值到console里面去找

更多關于JavaScript相關內(nèi)容感興趣的讀者可查看本站專題：《JavaScript錯誤與調(diào)試技巧總結》、《JavaScript傳值操作技巧總結》、《javascript編碼操作技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》及《JavaScript數(shù)學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。

您可能感興趣的文章:

詳解nodejs與javascript中的aes加密
這篇文章主要為大家詳細介紹了nodejs與javascript中aes加密的相關資料，感興趣的朋友可以參考一下
2016-05-05
用原生 JS 實現(xiàn) innerHTML 功能實例詳解
這篇文章主要介紹了用原生 JS 實現(xiàn) innerHTML 功能,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下
2019-04-04
正則表達式判斷是否存在中文和全角字符和判斷包含中文字符串長度
對于一些更安全的容錯嚴重，需要用到
2008-09-09
原生js實現(xiàn)放大鏡特效
這篇文章主要為大家詳細介紹了原生js實現(xiàn)放大鏡特效，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-03-03
Javascript Dom元素獲取和添加詳解
這篇文章主要介紹了Javascript Dom元素獲取和添加詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2019-09-09
完美實現(xiàn)js拖拽效果 return false用法詳解
這篇文章主要為大家詳細介紹了完美實現(xiàn)js拖拽效果的代碼，一起學習return false的用法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-07-07
轉換json格式的日期為Javascript對象的函數(shù)
項目中碰到了用jQuery從后臺獲取的json格式的日期的字符串，需要將此字符串轉換成JavaScript的日期對象，記在此處，以備后用。
2010-07-07
JS實現(xiàn)金額轉換(將輸入的阿拉伯數(shù)字)轉換成中文的實現(xiàn)代碼
這篇文章介紹了JS實現(xiàn)金額轉換(將輸入的阿拉伯數(shù)字)轉換成中文的實現(xiàn)代碼，有需要的朋友可以參考一下，希望對大家有用
2013-09-09
詳解JavaScript如何實現(xiàn)四種常用排序
這篇文章主要為大家介紹了如何利用JavaScript實現(xiàn)四個常用的排序：插入排序、交換排序、選擇排序和歸并排序，文中利用動圖詳細介紹了實現(xiàn)過程，需要的可以參考一下
2022-02-02
解決LayUI數(shù)據(jù)表格復選框不居中顯示的問題
今天小編就為大家分享一篇解決LayUI數(shù)據(jù)表格復選框不居中顯示的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09