BOM

BOM

BOM是什么

浏览器对象模型(Browser Object Model (BOM))尚无正式标准.浏览器对象模型(BOM)使JavaScript有能力与浏览器对话.

window对象的常用属性

1.全局变量 var a=10; window.a // window.a===a;
2.docunment对象
3.location对象(location.href 跳转属性)
4.console对象
5.history对象(历史)
6.anvigator对象(导航器)
7.json对象(对象变字符串 )


image.png

window对象常见方法(全局函数)

1.alert,confirm
2.延迟执行
3.定时器
4.编码解码
5.XMLHttpRequest(ajax对象的构造方法 )

函数分类

1.普通函数 封装一段代码,方便重复调用
2.构造函数(一般以大写字母开头)用来常见对象

ajax

1.定义
1.Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。
2.Ajax 是一种无须重新加载整个网页的情况下,能够更新部分网页的技术.

image.png

代码:

<body>

<input id="obj" type="button" value="获取验证码" onclick="getcon()">
<script>
// 绑定一个点击事件
var arr = document.querySelector("#obj") // 包裹在函数里面 function getcon() { // 声明一个倒计时变量 var arr1 = 10 // 禁用点击按钮arr.disabled = true;
// 声明一个定时器
var arr2 = setInterval(function () {
// 倒数--
arr1--
// 将arr的值赋给value让value一开始是10
arr.value = arr1 // 判断当arr=0的时候 if (arr1 === 0) { // 清除定时器 clearInterval(arr2) //先清除定时器再给value赋值 // 当arr=0的时候value的值为'重新获取'arr.value = '重新获取'
// 使用点击按钮
$arr.disabled = false;
}
}, 1000)
}
</script>
</body>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,958评论 1 45
  • javascript 回调函数 检查 属性可以是任意类型,使用in检查属性 语法: "属性名" in 对象 自身...
    小懵没被占用阅读 342评论 0 0
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,581评论 1 11
  • 第十章 变量、作用域及内存 JavaScript的变量与其他语言的变量有很大区别。JavaScript变量是...
    上书房_张强阅读 460评论 0 2
  • 上午跟发哥见面,整整聊了3个多小时。一个企业小老板,收入也不错,但是,看不到真正的幸福,对于未来,依然充满恐...
    陳毓沣阅读 177评论 0 0