文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

web前端浏览器对象模型章节

2023-06-05 02:05

关注


浏览器对象模型( browser object model )

  什么是BOM?

  web前端浏览器对象模型章节

  提起BOM就不得不提起JavaScript的构成。ECMAScript为JavaScript的核心,但是要是在浏览器中使用JavaScript,那么BOM才是JavaScript的核心。

  这时候不得不提起一个人:

  web前端浏览器对象模型章节

  假设:有外国人潜逃到中国,那么无论之前他的权力有多大,到了中国都要遵守中国的法律,也就是说,无论ECMAScript有多么权威,那么到了当前的浏览器下,都要遵守当前浏览器的规则。

  杀人犯法,偷到犯法,抢劫犯法。这些都是公认的法律,奥巴马在对浏览器不知情的情况下也会默认遵守这些规则。

  这些通用的的规定就作为事实上的标准。这个标准就是BOM。

  2.BOM的对象:

  1)location对象:

  *window.location.href=""

  这是一个取代跳转链接的页面;

  这个方法存在的意义是,让咱们的跳转链接可以操作,可以拼接>>>>这是开发中一种常见的传递数据的方式。

  *window.location.reload()

  刷新页面的方法。一般情况下给reload()传递一个true,让他刷新,并不使用缓存。

  缓存的东西一般为js文件,css文件等。

  用这个方法可以让自己不能动的页面动起来了。刷新当前页面。

  toSource()方法;

  只兼容FF浏览器,其他浏览器不兼容。 这个方法可以查看对象的源码;

  语法是 obj.toSource()

  2)navigator对象:

  navigator.appName 返回获取当前浏览器的名称。

  navigator.appVersion 返回 获取当前浏览器的版本号。

  navigator.platform 返回 当前计算机的操作系统。

  以上属性已经在逐渐被抛弃了。

  一个新的属性将替代这些属性。

  navigator.userAgent 返回

  close()方法

  注意 :FF不支持此方法;

  alert( )方法>>>这个没啥说的;

  confirm( )方法;

  confirm("对话框的提示文字")

  这个方法有返回值,看到返回值的第一想法就是使用返回值;

  var i= confirm("对话框的提示文字");

  if (i){

  document.write('你确定了')

  }else{

  document.write('你否定了')

  }

  prompt()输入框

  用法和confirm相同,返回值是你输入的值;

  web前端浏览器对象模型章节

  3.定时器

  setInterval(函数名,执行时间(毫秒))>>>>

  每间隔一定时间,就执行一次函数;

  进度条 || 倒计时

  

web前端浏览器对象模型章节

web前端浏览器对象模型章节

web前端浏览器对象模型章节

  setTimeout(函数名,执行时间(毫秒))

  执行一次

  4.一些事件

  onload 加载事件网页加载完毕后执行

  onscroll 滚动事件

  案例:回到顶部

  document.documentElement.scrollTop 代表垂直的滚动条,向下滚动的距离

  document.body.scrollTop //chrome 代表垂直的滚动条,向下滚动的距离

  document.documentElement.scrollLeft

  document.body.scrollLeft

  

web前端浏览器对象模型章节

web前端浏览器对象模型章节

web前端浏览器对象模型章节

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯