JS之BOM对象常用知识点整理
2023-09-14 09:13:37 时间
JS之BOM对象相关知识点整理
消息框
alert
警告框,用来弹出警告消息
confirm
代码演示:
<script>
//有返回值,boolean类型
//点击确定--》true
//点击取消---》false
var flag=confirm("是否删除数据");
alert(flag);
</script>
定时器
循环定时器的设置
启动循环定时器----setInterval()
代码演示:
<script>
function run1(){
alert("方法调用");
}
//每隔2秒调用一次方法
setInterval("run1()",2000);
</script>
取消循环定时器—clearInterval()
代码演示:
<script>
function run1(){
alert("方法调用");
}
//每隔2秒调用一次方法----返回当前设置的定时器ID
var id=setInterval("run1()",2000);
//clearInterval(循环定时器的ID)
clearInterval(id);
</script>
定时器例子
2秒后调用一次run1方法,然后取消该定时器,后续不再调用
代码演示:
<script>
var id;
function run1(){
alert("方法调用");
//clearInterval(循环定时器的ID)
clearInterval(id);
}
//每隔2秒调用一次方法----返回当前设置的定时器ID
id=setInterval("run1()",2000);
</script>
点击确定后,后续将不会在显示,只会显示一次。
一次性的定时器—setTimeOut()
代码演示:
<script>
var id;
function run1(){
alert("方法调用");
}
setTimeout("run1()",2000);
</script>
取消一次性定时器—clearTimeOut()
代码演示:
<script>
var id;
function run1(){
alert("方法调用");
}
var id=setTimeout("run1()",2000);
clearTimeout(id);
</script>
设置一次性定时器后,直接取消,因此不会显示任何东西
Location对象
获取当前地址
代码演示:
<script>
var str=location.href;
alert(str);
</script>
返回当前URL地址,并且进行了URL编码,针对中文和特殊符号
href属性设置
如果设置了href属性,那么浏览器就会跳转到对应的路径。
代码演示:
<script>
location.href="http://www.baidu.com";
</script>
这里可以设置内网路径,也可以选择设置外网路径
例子
设置定时器,让页面两秒后,跳转到百度首页
代码演示:
<script>
function run1()
{
location.href="http://www.baidu.com";
}
//一次性定时器
setTimeout("run1()",2000);
</script>
相关文章
- JS+CSS3 360度全景图插件 - Watch3D.js
- 简单的多选框选择功能js代码
- JS框架_(JQuery.js)模拟刮奖
- JS框架_(JQuery.js)文章全屏动画切换
- JS框架_(JQbar.js)柱状图动态百分比进度条特效
- JS框架_(JQuery.js)Tooltip弹出式按钮插件
- JS框架_(Vue.js)带有星期日期的数字时钟
- JS框架_(JQuery.js)夜晚天空满天星星闪烁动画
- JS框架_(Bootstrap.js)实现简单的轮播图
- js判断是否第一次访问跳转
- 容易遗忘的JS知识点整理
- PHP动态压缩js,css
- [Node.js] Add node.js command line to global
- Js 操作 Cookies 代码
- 前端基础知识点:JS中的参数传递详解
- Atitit 研发体系 codelib 代码库的建设 目录 1. 概念与组成2 1.1. Java代码2 1.2. Js代码2 1.3. H5 代码 js+css+htm+txt2 1.4.
- Atitit.跨平台预定义函数 魔术方法 魔术函数 钩子函数 api兼容性草案 v2 q216 java c# php js.docx
- 华为OD机试 - 机房布局(Java & JS & Python)
- 看板组件:Bryntum Task Board JS 5.3.0 Crack
- js 获取多少天前
- JS:crypto-js模块实现数据加密解密
- js 实现插入排序
- JS事件相关知识点整理
- 【JS高级】js面向对象三大特性之继承_06
- 原生js实现随机验证码HTMl-JS
- 前端必备技能知识:JS导出Blob流文件为Excel表格、Vue.js使用Blob的方式实现excel表格的下载(流文件下载)