JavaScript Math对象和调试程序的方法分析


Posted in Javascript onMay 13, 2019

本文实例讲述了JavaScript Math对象和调试程序的方法。分享给大家供大家参考,具体如下:

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是常用的调试程序的方法
    * */
    var arr=[];
    for(var i=0;i<20;i++){
      arr[i]=Math.random();//Math.random()只能返回从0到1之间的随机数
    }
    console.log(arr)//console.log()在谷歌浏览器中用console查看就能看见调试程序
  </script>
</head>
<body>
</body>
</html>

Math对象能产生随机数等等,这就引出了除了alert()以外的另一个调试程序的方法,console.log(),其实还有document.title

调试程序的方法

一般不用document.title,alert()因为要弹出,所以会阻止函数的运行,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 Math对象和调试程序的方法分析

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
JavaScript 定义function的三种方式小结
Oct 16 Javascript
弹出最简单的模式化遮罩层的js代码
Dec 04 Javascript
JavaScript用JQuery呼叫Server端方法示例代码
Sep 03 Javascript
JQuery实现当鼠标停留在某区域3秒后自动执行
Sep 09 Javascript
Underscore源码分析
Dec 30 Javascript
JS控制FileUpload的上传文件类型实例代码
Oct 07 Javascript
使用JS正则表达式 替换括号,尖括号等
Nov 29 Javascript
原生js实现下拉框功能(支持键盘事件)
Jan 13 Javascript
Input文本框随着输入内容多少自动延伸的实现
Feb 15 Javascript
js css3实现图片拖拽效果
Mar 04 Javascript
webpack 2的react开发配置实例代码
Jul 28 Javascript
vue+vuex+json-seiver实现数据展示+分页功能
Apr 11 Javascript
jsonp跨域获取百度联想词的方法分析
May 13 #Javascript
基于Fixed定位的框选功能的实现代码
May 13 #Javascript
JQuery事件委托原理与用法实例分析
May 13 #jQuery
使用原生js编写一个简单的框选功能方法
May 13 #Javascript
Node.js实现一个HTTP服务器的方法示例
May 13 #Javascript
jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例
May 13 #jQuery
Vue表单绑定的实例代码(单选按钮,选择框(单选时,多选时,用 v-for 渲染的动态选项)
May 13 #Javascript
You might like
PHP模拟SQL Server的两个日期处理函数
2006/10/09 PHP
上传文件先创建目录 再上传到目录里面去
2010/12/29 PHP
PHP中::、-&amp;gt;、self、$this几种操作符的区别介绍
2013/04/24 PHP
无刷新动态加载数据 滚动条加载适合评论等页面
2013/10/16 PHP
浅谈php优化需要注意的地方
2014/11/27 PHP
PHP自动生成表单代码分享
2015/06/19 PHP
php json相关函数用法示例
2017/03/28 PHP
js解决弹窗问题实现班级跳转DIV示例
2014/01/06 Javascript
chrome下jq width()方法取值为0的解决方法
2014/05/26 Javascript
教你用AngularJS框架一行JS代码实现控件验证效果
2014/06/23 Javascript
JavaScript判断页面加载完之后再执行预定函数的技巧
2016/05/17 Javascript
BootStrap下jQuery自动完成的样式调整
2016/05/30 Javascript
全面了解addEventListener和on的区别
2016/07/14 Javascript
JS控制TreeView的结点选择
2016/11/11 Javascript
AngularJS基于ngInfiniteScroll实现下拉滚动加载的方法
2016/12/14 Javascript
js实现文字跑马灯效果
2017/02/23 Javascript
基于Vue的移动端图片裁剪组件功能
2017/11/28 Javascript
微信小程序的线程架构【推荐】
2019/05/14 Javascript
JS把字符串格式的时间转换成几秒前、几分钟前、几小时前、几天前等格式
2019/07/10 Javascript
vue2 拖动排序 vuedraggable组件的实现
2019/08/08 Javascript
Vue开发中遇到的跨域问题及解决方法
2020/02/11 Javascript
python通过ftplib登录到ftp服务器的方法
2015/05/08 Python
python3+dlib实现人脸识别和情绪分析
2018/04/21 Python
使用Template格式化Python字符串的方法
2019/01/22 Python
Python中的元组介绍
2019/01/28 Python
python实现可逆简单的加密算法
2019/03/22 Python
python2.7 安装pip的方法步骤(管用)
2019/05/05 Python
Python参数传递实现过程及原理详解
2020/05/14 Python
澳大利亚礼品篮网站:Macarthur Baskets
2019/10/14 全球购物
Habitat家居英国官方网站:沙发、家具、照明、厨房和户外
2019/12/12 全球购物
应届本科生推荐信范文
2013/12/25 职场文书
入党自我评价优缺点
2014/01/25 职场文书
诚信的演讲稿范文
2014/05/12 职场文书
幼儿园安全工作总结2015
2015/04/20 职场文书
2015年中秋晚会主持词
2015/07/01 职场文书
MySQL创建定时任务
2022/01/22 MySQL