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和jQuery的片段分享
Aug 23 Javascript
javascript陷阱 一不小心你就中招了(字符运算)
Nov 10 Javascript
jquery实现可拖动DIV自定义保存到数据的实例
Nov 20 Javascript
JS实现OCX控件的事件响应示例
Sep 17 Javascript
jQuery实现的感应鼠标悬停图片色彩渐显效果
Mar 03 Javascript
使用jQuery.form.js/springmvc框架实现文件上传功能
May 12 Javascript
解决在Bootstrap模糊框中使用WebUploader的问题
Mar 22 Javascript
JavaScript实现邮箱后缀提示功能的示例代码
Dec 13 Javascript
JavaScript学习笔记之DOM操作实例分析
Jan 08 Javascript
移动端吸顶fixbar的解决方案详解
Jul 17 Javascript
微信小程序pinker组件使用实现自动相减日期
May 07 Javascript
javascript实现左右缓动动画函数
Nov 25 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实现插入排序?
2013/04/10 PHP
基于MySQL体系结构的分析
2013/05/02 PHP
深入apache host的配置详解
2013/06/09 PHP
php中使用array_filter()函数过滤空数组的实现代码
2014/08/19 PHP
php实现约瑟夫问题的方法小结
2015/03/23 PHP
PHP获取Exif缩略图的方法
2015/07/13 PHP
PHP实现微信提现功能(微信商城)
2019/11/21 PHP
JS组件Bootstrap Table表格行拖拽效果实现代码
2020/08/27 Javascript
学习使用bootstrap基本控件(table、form、button)
2016/04/12 Javascript
基于BootStrap的图片轮播效果展示实例代码
2016/05/23 Javascript
好好了解一下Cookie(强烈推荐)
2016/06/14 Javascript
AngularJS创建自定义指令的方法详解
2016/11/03 Javascript
jQuery实现动态添加节点与遍历节点功能示例
2017/11/09 jQuery
Nuxt配合Node在实际生产中的应用详解
2018/08/07 Javascript
Vuejs学习笔记之使用指令v-model完成表单的数据双向绑定
2019/04/29 Javascript
简单了解JavaScript中的执行上下文和堆栈
2019/06/24 Javascript
前端天气插件tpwidget使用方法详解
2019/06/24 Javascript
js实现批量删除功能
2020/08/27 Javascript
python使用正则表达式检测密码强度源码分享
2014/06/11 Python
在Python中操作日期和时间之gmtime()方法的使用
2015/05/22 Python
在pycharm 中添加运行参数的操作方法
2019/01/19 Python
python3.5 cv2 获取视频特定帧生成jpg图片
2019/08/28 Python
django框架auth模块用法实例详解
2019/12/10 Python
对tensorflow中cifar-10文档的Read操作详解
2020/02/10 Python
TensorFlow 输出checkpoint 中的变量名与变量值方式
2020/02/11 Python
浅谈python3 构造函数和析构函数
2020/03/12 Python
PyCharm设置注释字体颜色以及是否倾斜的操作
2020/09/16 Python
解决selenium+Headless Chrome实现不弹出浏览器自动化登录的问题
2021/01/09 Python
五个2015 年最佳HTML5 框架
2015/11/11 HTML / CSS
Ann Taylor官方网站:美国最大的女性产品制造商之一
2016/09/14 全球购物
如何清空Session
2015/02/23 面试题
应届生护士求职信
2013/11/01 职场文书
2015年党员自我剖析材料
2014/12/17 职场文书
会计求职自荐信范文
2015/03/04 职场文书
创业开店,这样方式更合理
2019/08/26 职场文书
java固定大小队列的几种实现方式详解
2021/07/15 Java/Android