一、Math对象的常用方法:
abs(x) 返回数的绝对值
ceil(x) 对数进行上舍入
floor(x) 对数进行下舍入
max(x,y) 返回x和y中的最高值
min(x,y) 返回x和y中的最低值
pow(x,y) 返回x的y次幂
random() 返回0~1之间的随机数
round(x) 把数四舍五入为最接近的整数
sqrt(x) 返回数的平方根
例如:
<script type="text/javascript">
//返回数的绝对值
var a1=Math.abs(-1);
//在控制台打印
console.log(a1);
//向上取整
var a2=Math.ceil(12.3);
console.log(a2);
//向下取整
var a3=Math.floor(12.9);
console.log(a3);
//求两数最大值
var a4=Math.max(1,2);
console.log(a4);
//求两数最小值
var a5=Math.min(1,2);
console.log(a5);
//获取0-1之间的随机小数
var a6=Math.random();
console.log(a6);
//四舍五入
var a7=Math.round(12.5);
console.log(a7);
//求平方根
var a8=Math.sqrt(16);
console.log(a8);
//求次幂
var a9=Math.pow(2,3);//2的3次方
console.log(a9);
</script>
二、Bom模型
1.window对象的常用方法:
alert()、confirm()、prompt() 分别用于弹出警告窗口、确认对话框和提示输入对话框。
close() 关闭窗口
scrollBy()、scrollTo() 滚动当前窗口的HTML文档
open() 打开一个新的浏览器窗口加载新的URL所指向的地址,并可指定一系列新的属性,包括隐藏菜单等。
setInterval()、clearInteral() 设置、删除定时器
2.history对象常用方法如下:
back() 后退到上一个浏览的页面,如果该页面是第一个打开的,则无效果
forward() 前进到下一个浏览页面,如果该页面是第一个打开的,则无效果
go(intValue) 该方法可制定前进或后退多少个页面,正则进,负则退
3.location对象常用属性如下:
href 文档所在地址的URL地址
三、Dom模型
DOM对HTML元素访问操作
DOM是文档对象模型(Document Object Model)的简称。当网页加载时,可以将结构化文档在内存中转换成对象的树。
小结:简单的说DOM并不是一种技术,而是一种访问结构化文档的一种思想。借助DOM模型,我们可以对DOM树进行修改、删除、新增等操作,让结构化文档动态化。
DOM模型中的节点——文档可以说是由节点构成的集合。在DOM模型中有以下3种节点:
1. 元素节点:各种标签就是这些元素节点的名称,例如<p>、<ul>等
2. 文本节点:文本节点总是被包含在元素节点的内部
3. 属性节点:一般用来修饰元素节点就称之为属性节点。
使用getElementById方法查找元素:
function get(){
//根据id获取div块(元素节点)
var d1=document.getElementById("myDiv");
//从元素节点中获取文本节点的内容 元素名.innerHTML
var dcontent=d1.innerHTML;
//根据id获取文本域(元素节点)
var t1=document.getElementById("content");
//通过元素节点获取文本内容
var tcontent=t1.innerHTML;
//通过id获取按钮(元素节点)
var b1=document.getElementById("txtName");
//通过元素节点获取属性内容:一般情况下 元素名.属性名获取
var bcontent=b1.value;
alert(dcontent);
}
</script>
<div id="myDiv">我的div块</div>
<textarea id="content" cols="30" rows="10">好好学习,天天向上</textarea>
<input type="text" id="txtName" value="按我呀"><br>
<input type="button" id="btn_show" value="访问三个元素的内容" onClick="get()">
</body>