关键词:
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发版。但... 查看详情