javascript进阶篇——(javascript内置对象---下)--math对象---笔记整理

     2022-02-06     11

关键词:

Math对象
使用 Math 的属性和方法:

<script type="text/javascript">
    var mypi=Math.PI; 
    var myabs=Math.abs(-15);
    document.write(mypi);
    document.write(myabs);
</script>

运行结果:

3.141592653589793
15

Math 对象是一个固有的对象,无需创建它,直接把 Math 作为对象使用就可以调用其所有属性和方法。这是它与Date,String对象的区别。

Math对象属性

技术分享

 

Math对象方法

技术分享

 

 

 

 

向上取整ceil()
ceil() 方法可对一个数进行向上取整。
语法:

Math.ceil(x) X必需。必须是一个数值。

它返回的是大于或等于X,并且与X最接近的整数。

1 <script type="text/javascript">
2     document.write(Math.ceil(0.8) + "<br />")
3     document.write(Math.ceil(6.3) + "<br />")
4     document.write(Math.ceil(5) + "<br />")
5     document.write(Math.ceil(3.5) + "<br />")
6     document.write(Math.ceil(-5.1) + "<br />")
7     document.write(Math.ceil(-5.9))
8 </script>

运行结果:

1
7
5
4
-5
-5

 

 

向下取整floor()
floor() 方法可对一个数进行向下取整
语法:

Math.floor(x)  X 必需,必须是一个值。

返回的是小于或等于x,并且与 x 最接近的整数。

1 <script type="text/javascript">
2     document.write(Math.floor(0.8)+ "<br>")
3     document.write(Math.floor(6.3)+ "<br>")
4     document.write(Math.floor(5)+ "<br>")
5     document.write(Math.floor(3.5)+ "<br>")
6     document.write(Math.floor(-5.1)+ "<br>")
7     document.write(Math.floor(-5.9))
8 </script>    

运行结果:

0
6
5
3
-6
-6

 

 

四舍五入round()
round() 方法可把一个数字四舍五入为最接近的整数。
语法:

Math.round(x) X 必需。必须是数字

1. 返回与 x 最接近的整数。
2. 对于 0.5,该方法将进行上舍入。(5.5 将舍入为 6)
3. 如果 x 与两侧整数同等接近,则结果接近 +∞方向的数字值 。(如 -5.5 将舍入为 -5; -5.52 将舍入为 -6),如下图:

技术分享

1 <script type="text/javascript">
2     document.write(Math.round(1.6)+ "<br>");
3     document.write(Math.round(2.5)+ "<br>");
4     document.write(Math.round(0.49)+ "<br>");
5     document.write(Math.round(-6.4)+ "<br>");
6     document.write(Math.round(-6.6));
7 </script>

运行结果:

2
3
0
-6
-7

 

 

随机数 random()
random() 方法可返回介于 0 ~ 1(大于或等于 0 但小于 1 )之间的一个随机数。
语法:

Math.random();

返回一个大于或等于 0 但小于 1 的符号为正的数字值。


我们取得介于 0 到 1 之间的一个随机数,代码如下:

<script type="text/javascript">
    document.write(Math.random());
</script>

运行结果:

0.190305486195328 

因为是随机数,所以每次运行结果不一样,但是0 ~ 1的数值。


获得0 ~ 10之间的随机数,代码如下:

<script type="text/javascript">
    document.write((Math.random())*10);
</script>

运行结果:

8.72153625893887

 

学习笔记:javascript-进阶篇

1.二维数组 二维数组的表示:myarray[][]varmyarr=newArray(); //先声明一维for(vari=0;i<2;i++){ //一维长度为2 myarr[i]=newArray(); //再声明二维 for(varj=0;j<3;j++){ //二维长度为3 myarr[i][j] 查看详情

javascript进阶篇的学习~

...页面,但这还不够,它只是静态页面而已。我们还需使用JavaScript增加行为,为网页添加动态效果。准备好,让JavaScript带你进入新境界吧!JavaScript能做什么?1.增强页面动态效果(如:下拉菜 查看详情

javascript进阶篇——(javascript内置对象---下)--math对象---笔记整理

Math对象使用Math的属性和方法:<scripttype="text/javascript">varmypi=Math.PI;varmyabs=Math.abs(-15);document.write(mypi);document.write(myabs);</script>运行结果:3.14159265358979315Math对象是一个固有的对象,无需创建它,直接把 查看详情

javascript进阶篇——浏览器对象—locationnavigatoruseragentscreen对象

...象方法:获取当前显示文档的URL,并输出:1<scripttype="text/javascript">2vara=location.href;3document.write(a);4&l 查看详情

编程挑战javascript进阶篇(慕课网题目)

编程挑战现在利用之前我们学过的JavaScript知识,实现选项卡切换的效果。效果图:文字素材:房产:  275万购昌平邻铁三居总价20万买一居  200万内购五环三居140万安家东三环  北京首现零首付楼盘53万购东5环5... 查看详情

javascript进阶篇——总结--dom案例+选项卡效果

断断续续的把慕课的JavaScript基础和进阶看完了,期间不怎么应用有的都忘记了,接下来多开始写些效果,进行实际应用。  制作一个表格,显示班级的学生信息。1.鼠标移到不同行上时背景色改为色值为#f2f2f2,移开鼠标... 查看详情

javascript进阶篇——浏览器对象—history对象

History对象history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。... 查看详情

javascript进阶篇——(dom—节点---属性访问节点)—笔记整理

节点属性在文档对象模型(DOM)中,每个节点都是一个对象。DOM节点有三个重要的属性:  1.nodeName:节点的名称  2.nodeValue:节点的值  3.nodeType:节点的类型一、nodeName属性:节点的名称,是只读的。  1.元素节点的nodeName与... 查看详情

慕课网javascript进阶篇第九章编程练习

把平常撸的码来博客上再撸一遍既可以加深理解,又可以理清思维。还是很纯很纯的小白,各位看官老爷们,不要嫌弃。最近都是晚睡,昨晚也不例外,两点多睡的。故,八点起来的人不是很舒服,脑袋有点晕呼呼,鉴于昨晚看... 查看详情

javascript进阶篇——(dom—节点---插入删除和替换元素创建元素创建文本节点)—笔记整理

插入节点appendChild()在指定节点的最后一个子节点列表之后添加一个新的子节点。语法:appendChild(newnode)//参数://newnode:指定追加的节点。为ul添加一个li,设置li内容为PHP,代码如下:1<!DOCTYPEHTML>2<html>3<head>4<metahttp-equ... 查看详情

第46篇javascrip基本语法

2.上篇内容回顾1.CSS属性 1.高和宽 2.字体相关 3.文本相关 4.背景相关 1.background-color:red 2.background-image:url(‘hlw.png‘) 3.background:url(‘hlw.png‘)no-repeatcentercenter 1.雪碧图的概念 4.背景固定不动的 back 查看详情

javascript中的正则表达式(终结篇)

JavaScript中的正则表达式(终结篇)  在之前的几篇文章中,我们了解了正则表达式的基本语法,但那些语法不是针对于某一个特定语言的。这篇博文我们将通过下面几个部分来了解正则表达式在JavaScript中的使用:JavaScript对正... 查看详情

vue学习笔记进阶篇——render函数

...用template来创建你的HTML。然而在一些场景中,你真的需要JavaScript的完全编程的能力,这就是 render函数,它比template更接近编译器。<h1><aname="hello-world"href="#hello-world">Helloworld!& 查看详情

javascript进阶--慕课网学习笔记

            JAVASCRIPT—进阶篇给变量取个名字(变量命名)变量名字可以任意取,只不过取名字要遵循一些规则:1.必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号... 查看详情

javascrip笔记心得(持续更新)(代码片段)

JavaScrip笔记心得一、JavaScript简介1、JavaScript2、JavaScript使用方法3、JavaScript的核心构成4、Javascript的代码注释5、Javascript的数据类型6、变量的声明和赋值7、表达式与运算符二、JavaScrip语句和函数1、if分支结构2、switch分支结构3、whi... 查看详情

javascrip笔记心得(持续更新)(代码片段)

JavaScrip笔记心得一、JavaScript简介1、JavaScript2、JavaScript使用方法3、JavaScript的核心构成4、Javascript的代码注释5、Javascript的数据类型6、变量的声明和赋值7、表达式与运算符二、JavaScrip语句和函数1、if分支结构2、switch分支结构3、whi... 查看详情

javascript中高级进阶推荐一个javascript进阶深入系列专题系列(涉及原型作用域执行上下文变量对象this闭包按值传递callapplybindnew继承等

推荐一个JavaScript进阶深入系列、专题系列,其中涉及原型、作用域、执行上下文、变量对象、this、闭包、按值传递、call、apply、bind、new、继承等JS语言中的比较难懂的概念。作者写的很深入用心,详细,想要深入搞... 查看详情

javascript系列之高级篇(代码片段)

六,构造函数和原型1,概述(1)含义:在典型的OOP的语言中(如Java),都存在类的概念,类就是对象的模板,但是ES6之前,JS中并没有引入类的概念。ES6,全称ECMAScript6.0,2015.06发版。但... 查看详情