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面向对象编程
Mar 04 Javascript
js注意img图片的onerror事件的分析
Jan 01 Javascript
jquery和ajax的关系详细介绍
Nov 29 Javascript
jQuery使用之设置元素样式用法实例
Jan 19 Javascript
javascript图片预加载实例分析
Jul 16 Javascript
JS使用eval解析JSON的注意事项分析
Nov 14 Javascript
JavaScript中Array的实用操作技巧分享
Sep 11 Javascript
angular2中router路由跳转navigate的使用与刷新页面问题详解
May 07 Javascript
vue-router实现组件间的跳转(参数传递)
Nov 07 Javascript
微信小程序wepy框架学习和使用心得详解
May 24 Javascript
JS实现求字符串中出现最多次数的字符和次数示例
Jul 05 Javascript
JavaScript利用html5新方法操作元素类名详解
Nov 27 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
关于手调机和数调机的选择
2021/03/02 无线电
Windows 下的 PHP-PEAR 安装方法
2010/11/20 PHP
PHP数组交集的优化代码分析
2011/03/06 PHP
jQuery+php实现ajax文件即时上传的详解
2013/06/17 PHP
php防止sql注入之过滤分页参数实例
2014/11/03 PHP
PHP简单计算两个时间差的方法示例
2017/06/20 PHP
PHP钩子与简单分发方式实例分析
2017/09/04 PHP
PHP实现求两个字符串最长公共子串的方法示例
2017/11/17 PHP
几个常用的JavaScript字符串处理函数 - split()、join()、substring()和indexOf()
2009/06/02 Javascript
细说浏览器特性检测(2)-通用事件检测
2010/11/05 Javascript
jQuery实现弹出窗口中切换登录与注册表单
2015/06/05 Javascript
js中数组结合字符串实现查找(屏蔽广告判断url等)
2016/03/30 Javascript
一系列Bootstrap导航条使用方法分享
2016/04/29 Javascript
微信小程序  简单实例(阅读器)的实例开发
2016/09/29 Javascript
Bootstrap3 多选和单选框(checkbox)
2016/12/29 Javascript
JS常用知识点整理
2017/01/21 Javascript
利用Vue v-model实现一个自定义的表单组件
2017/04/27 Javascript
微信小程序五子棋游戏的悔棋实现方法【附demo源码下载】
2019/02/20 Javascript
详解javascript函数写法大全
2019/03/25 Javascript
JS实现canvas简单小画板功能
2020/06/23 Javascript
使用python装饰器验证配置文件示例
2014/02/24 Python
网站渗透常用Python小脚本查询同ip网站
2017/05/08 Python
Python实现的多叉树寻找最短路径算法示例
2018/07/30 Python
计算机二级python学习教程(2) python语言基本语法元素
2019/05/16 Python
Python 实现打印单词的菱形字符图案
2020/04/12 Python
html5 自定义播放器核心代码
2013/12/20 HTML / CSS
美国儿童服装、家具和玩具精品店:Maisonette
2019/11/24 全球购物
英智兴达软件测试笔试题
2016/10/12 面试题
轻化专业学生实习自我鉴定
2013/09/20 职场文书
数控技术专业毕业自荐书范文
2014/02/05 职场文书
计算机网络专业自荐信
2014/07/04 职场文书
资源环境与城乡规划管理专业自荐书
2014/09/26 职场文书
2014年幼儿园园务工作总结
2014/12/05 职场文书
员工离职感谢信
2015/01/22 职场文书
实战 快速定位MySQL的慢SQL
2022/03/22 MySQL
5人制售《绝地求生》游戏外挂获利500多万元 被判刑
2022/03/31 其他游戏