JavaScript操作BOM对象
BOM模型
- BOM：浏览器对象模型（browser Object Model）
- BOM提供了独立于内容的、可以与浏览器窗口进行互动的对象结构
- BOM可实现功能
- 弹出新的浏览器窗口
- 移动、关闭浏览器窗口以及调整窗口的大小
- 页面的前进、后退
window对象
| 属性名称 |
说明 |
| history |
有关客户访问过的URL的信息 |
| location |
有关当前URL的信息 |
语法：window.属性名 = “属性值”
window.location = "http://www.baidu.com";
| 方法名称 |
说明 |
| prompt () |
显示可提示用户输入的对话框 |
| alert () |
显示带有一个提示信息和一个确定按钮的警示框 |
| confirm () |
显示一个带有提示信息、确定和取消按钮的对话框 |
| close () |
关闭浏览器窗口 |
| open () |
打开一个新的浏览器窗口，加载给定URL所指定的文档 |
| setTimeout () |
在指定的毫秒数后调用函数或计算表达式 |
| setInterval () |
按照指定的周期（以毫秒计）来调用函数或表达式 |
confirm()方法
-
confirm()：将弹出一个确认对话框
-
confirm("对话框中显示的纯文本")
<script type="text/javascript">
var flag=confirm("确认要删除此条信息吗？");
if(flag==true)
alert("删除成功！");
else
alert("你取消了删除");
</script>
- window.open(“弹出窗口的url”，“窗口名称”，”窗口特征“)
| 属性名称 |
说明 |
| height、width |
窗口文档显示区的高度、宽度。以像素记 |
| left、top |
窗口的x坐标、y坐标。以像素记 |
| toolbar = yes | no | 1 | 0 |
是否显示浏览器的工具栏。默认为yes |
| scrollbars = yes | no | 1| 0 |
是否显示滚动条。默认为yes |
| location = yes | no | 1 | 0 |
是否显示地址地段。默认为yes |
| status = yes |no | 1 | 0 |
是否添加状态栏。默认为yes |
| menubar = yes | no | 1 | 0 |
是否显示菜单栏。默认为yes |
| resizable = yes | no | 1 | 0 |
窗口是否可调节尺寸。默认为yes |
| titlebar = yes | no | 1 | 0 |
是否显示标题栏。默认为yes |
| fullscreen = yes | no | 1 | 0 |
是否使用全屏模式显示浏览器。黙认是no。处于全屏模式的窗口必须同时处于剧院模式 |
history对象
| 名称 |
说明 |
| back () |
加载history对象列表中的前一个URL |
| forward () |
加载history对象列表中的下一个URL |
| go () |
加载 history 对象列表中的某个具体URL |
history.back () —等价—》 history.go (-1) 浏览器中的”后退“
history.forword () —等价—》 history.go (1) 浏览器中的”前进“
location对象
| 名称 |
说明 |
| host |
设置或返回主机名和当前URL的端口号 |
| hostname |
设置或返回当前URL的主机名 |
| href |
设置或返回完整的URL |
| 名称 |
说明 |
| reload () |
重新加载当前文档 |
| replace () |
用新的文档替换当前文档 |
示例代码：
<a href = "javascript:location.href = 'flower.html'">在本页面跳转其他页面</a>
<a href = "javascript:location.reload()">刷新本页</a>
<a href = "javascript:history.back()">返回主页面</a>
Document对象
| 名称 |
说明 |
| referer |
返回载入当前文档的URL |
| URL |
返回当前文档的URL |
var preUrl = document.referer;
if (preUrl == "") {
document.write("<h2>您不是从领奖页面进入，5秒后将自动跳转到登录页面</h2>");
setTimeout("javascript:location.href = 'login.html'", 5000);
}
| 名称 |
说明 |
| getElementById () |
返回对拥有指定id的第一个对象的引用（对象的id唯一） |
| getElementsByName () |
返回带有指定名称的对象的集合（相同name属性） |
| getElementsByTagName () |
返回带有指定标签名的对象的集合（相同的元素） |
| write () |
向文档写文本、HTML表达式或JavaScript代码 |
JavaScript内置对象
- Array：用于在单独的变量名中存储一系列的值
- String：用于支持对字符串的处理
- Math：用于执行常用的数学任务，它包含了若干个数字常量和函数
- Date：用于操作日期和时间
Date对象
- var 日期对象 = new Date(参数)
- 参数格式：MM DD,YYYY,hh:mm:ss
var today = new Date();
var tdate = new Date("september 1, 2013, 14:58:12");
| 方法 |
说明 |
| getDate () |
返回 Date 对象的一个月中的每一天，其值介于1～31之间 |
| getDay () |
返回 Date 对象的星期中的每一天，其值介于0～6之间 |
| getHours () |
返回 Date 对象的小时数，其值介于0～23之间 |
| getMinutes () |
返回 Date 对象的分钟数，其值介于0～59之间 |
| getSeconds () |
返回 Date 对象的秒数，其值介于0～59之间 |
| getMonth () |
返回 Date 对象的月份，其值介于0～11之间 |
| getFullYear () |
返回 Date 对象的年份，其值为4位数 |
| getTime () |
返回自某一时刻（1970年1月1日）以来的毫秒数 |
Math对象
| 方法 |
说明 |
示例 |
| ceil () |
对数进行上舍入 |
Math.ceil(25.5);返回26
Math.ceil(-25.5);返回-25 |
| floor () |
对数进行下舍入 |
Math.floor(25.5);返回25
Math.floor(-25.5);返回-26 |
| round () |
把数四舍五入为最接近的数 |
Math.round(25.5);返回26
Math.round(-25.5);返回-26 |
| random () |
返回0~1之间的随机数 |
Math.random();例如：0.6273608814137365 |
var num = Math.floor(Math.random()*98+2);
setTimeout("调用的函数",等待的毫秒数)
var myTime = setTimeout("disptime()",1000);
setInterval("调用的函数"，间隔的毫秒数)
var myTime = setInterval("disptime()",1000);
- 如果要多次调用，使用setInterval()或者让disptime()自身再次调用setTimeout()
clearTimeout(setTimeOut()返回的id值)
var myTime＝setTimeout("disptime() ", 1000 );
clearTimeout(myTime);
clearInterval(setInterval()返回的id值)
var myTime＝setInterval("disptime() ", 1000 );
clearInterval(myTime);
原文地址：https://www.jb51.cc/wenti/3286378.html
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
