js-10 window

85 阅读2分钟
  • 1、document以外的常用对象
    • BOM模型
      • location:当前URL信息
      • navigation:浏览器的信息
      • screen:客户端显示器的信息
      • history:用户(在浏览器窗口中)访问过的URL
    • WebAPI
      • storage:本地存储,有临时存储sessionStorage,永久存储localStorage

      • fetch:http通讯

      • console:Console API提供了允许开发人员执行调试任务的功能。

      • IndexDB:IndexDB 是一个运行在浏览器上的非关系型数据库。既然是数据库了,那就不是 5M、10M 这样小打小闹级别了。理论上来说,IndexDB 理论上是没有存储上限的一般来说不会小于 250M)。它不仅可以存储字符串,还可以存储二进制数据。

      • WebSQL:WebSQL 是浏览器端的关系行数据库,引入了一组使用 SQL 操作客户端数据库的 API。

      • application Cache:WebSQL Application Cache 是 HTML5 中定义的一种离线存储技术标准。这种技术可以让开发者明确地指定页面中哪些静态资源可以在第一次访问网页的同时缓存到本地,并且在下次访问该网页时向服务器询问本地缓存的资源是否需要更新

  • 2、页面跳转和刷新的方法
    • 1、 使用超级链接a
    • 2、 表单提交,代码如:
    • JS代码,代码如:
      • location.href=”url”;

      • location.assign(‘url’) ;

      • location.replace() ;

      • location.reload() ;

      • window.open(‘url’) ;

      • history.go() ;

  • 3、# window对象的常用方法
    • 对象:Window、 document、 location、 screen、 history、 navigator
    • 方法:alert()、 confirm() 、prompt()、 open() 、close()

  • 4、document.ready和onload有什么区别
    • document.ready和onload的区别——JavaScript文档加载完成事件。页面加载完成有两种事件:
      • 一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件)
      • 二是onload,指示页面包含图片等文件在内的所有元素都加载完成。
        jQuery中$(function(){/* do something*/});他的作用或者意义就是:在DOM加载完成后就可以可以对DOM进行操作。一般情况先一个页面响应加载的顺序是,域名解析-加载html-加载js和css-加载图片等其他信息。