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 相关文章推荐
Ajax+Json 级联菜单实现代码
Oct 27 Javascript
初识javascript 文档碎片
Jul 13 Javascript
jquery Moblie入门—hello world的示例代码学习
Jan 08 Javascript
js实现图片旋转的三种方法
Apr 10 Javascript
localResizeIMG先压缩后使用ajax无刷新上传(移动端)
Aug 11 Javascript
jQuery遮罩层效果实例分析
Jan 14 Javascript
总结jQuery插件开发中的一些要点
May 16 Javascript
jquery获取点击控件的绝对位置简单实例
Oct 13 Javascript
JavaScript如何实现图片懒加载(lazyload) 提高用户体验(增强版)
Nov 30 Javascript
vue 获取元素额外生成的data-v-xxx操作
Sep 09 Javascript
vue打开子组件弹窗都刷新功能的实现
Sep 21 Javascript
基于react项目打包css引用路径错误解决方案
Oct 28 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简单获取多个checkbox值的方法
2016/06/13 PHP
php 删除一维数组中某一个值元素的操作方法
2018/02/01 PHP
jQuery中需要注意的细节问题小结
2011/12/06 Javascript
多次注册事件会导致一个事件被触发多次的解决方法
2013/08/12 Javascript
关于删除时的提示处理(确定删除吗)
2013/11/03 Javascript
jQuery实现响应浏览器缩放大小并改变背景颜色
2014/10/31 Javascript
JavaScript 学习笔记之操作符(续)
2015/01/14 Javascript
用javascript实现自动输出网页文本
2015/07/30 Javascript
Jquery基础教程之DOM操作
2015/08/19 Javascript
JS上传组件FileUpload自定义模板的使用方法
2016/05/10 Javascript
jQuery的ajax下载blob文件
2016/07/21 Javascript
老生常谈Javascript中的原型和this指针
2016/10/09 Javascript
jQuery表单选择器用法详解
2019/08/22 jQuery
JS代码优化的8点建议
2020/02/04 Javascript
JavaScript内置对象之Array的使用小结
2020/05/12 Javascript
python多线程抓取天涯帖子内容示例
2014/04/03 Python
python使用装饰器和线程限制函数执行时间的方法
2015/04/18 Python
pymongo给mongodb创建索引的简单实现方法
2015/05/06 Python
基于Python的接口测试框架实例
2016/11/04 Python
将Python字符串生成PDF的实例代码详解
2019/05/17 Python
python tkinter实现屏保程序
2019/07/30 Python
Python 图像对比度增强的几种方法(小结)
2019/09/25 Python
浅谈tensorflow 中的图片读取和裁剪方式
2020/06/30 Python
Python 中Operator模块的使用
2021/01/30 Python
美国求婚钻戒网站:Super Jeweler
2016/08/27 全球购物
澳大利亚天然护肤品、化妆品和健康产品一站式商店:Nourished Life
2018/12/02 全球购物
卡拉威高尔夫官方网站:Callaway Golf
2020/09/16 全球购物
光电信息专业应届生求职信
2013/10/07 职场文书
客户接待方案
2014/02/26 职场文书
战友聚会策划方案
2014/06/13 职场文书
经济类毕业生求职信
2014/06/26 职场文书
2014年党建工作总结
2014/11/11 职场文书
2014年技术工作总结范文
2014/11/20 职场文书
2015元旦文艺汇演主持稿(开场白+结束语)
2014/12/14 职场文书
《多彩的民间艺术》教学反思
2016/02/16 职场文书
企业开发CSS命名BEM代码规范实践
2022/02/12 HTML / CSS