Bom教程

 一。Bom编程
 browser  object  model  浏览器对象模型
 window---|-document
          |-navigator
          |-history
          |-location
          |-screen
          |-frames
   一.window
   1.对话框
   alert()=window.alert("hello") window//可省略 //消息提示框
   prompt()消息输入框
   confirm()
   var v1=window.confirm("确定删除吗?")
   确定  v1=true
2.间歇调用与超时调用
setinterval():间歇调用=window.setinterval(function(){
  alert("hello")
},2000)//按照是定时间间隔重复执行代码，指到间歇调用被取消，页面被卸载
取消间歇调用：clearInterval()
var n=0
function f1(){
  n++
  fi(n==5){
    clearinterval(timmer)
  }
}
var  timmer=setinterval(f1,1000)
setTimeout():超时调用
取消超时调用：clearTimeout():只要制定时间未到，调用该方法取消超时调用
window.setTimeout(function(){alert("你好")},1000)

3.open  打开新窗口
4.窗口滚动
scrollto  窗口滚动到指定的位置
scr0llby
页面特效：页面滚动
      function f1() {
        //     var timmer = setInterval(f2, 1)
        //     var n = 0
       function f2() {
        //         window.scrollBy(0, 10)
        //         n++
        //         if (n == 100) {
        //             clearInterval(timmer)
        //         }
        //     }
        // }

        function f1(n) {
            if (n == 0) {
                return 1
            }
            return setTimeout(function() {
                window.scrollBy(0, 1)
                f1(n - 1)
            }, 1);

        }
二。history
保存用户上网的历史记录，从窗口打开那一刻算起，
history.back()前一页
history.forward()后一页
history.go(-1)前一页
history.go(-2)前两页
history.g0(0)当前页
history.go(1)后一页
三。location
1.页面跳转
  function f1() {
            // window.location.assign = ('index.html')
            location.href = 'index.html'
            window.document.location.href = 'index.html'
        }
  2.获取url属性
  location.host 服务器名称和端口号
  location.hostname  //location  服务器名称 
  location.port  //8001 端口号
  location.protocol 'http:'返回一个协议
  location.pathame  '/d14/js.19.html' 返回路径名
  location.search  ' ' 参数
  3.页面重新加载
  location.reload() 有可能从浏览器缓存中加载
  location.reload(true)直接从服务器上加载
  4.页面替换
  location.replace() 跳转页面，不会产生历史记录
  四.navigator 浏览器内核
  navigator.userAgent  //用户代理
'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36'
navigator.appName'Netscape'
navigator.appCodeName  //Mozilla  浏览器内部名称
navigator.appVersion //浏览器版本'5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36'
navigator.platform 'Win32'//操作系统
navigator.mimeTypes 获取浏览器资源媒体类型--一般指插件，返回数组
浏览器内核：也叫排版引擎，也叫渲染引擎，主要功能是获取网页的内容（html，图像等）,整理信息(加入css等)计算网页的显示方式，输出到显示器或其他媒介上。
 
'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36'
  
  (1)webkit  --苹果公司开源内核 safari  Chrome
      js引擎，    safari   ---  Nitro
                  chrome --v8
    html引擎      KHTML
  (2)blink  ---webkit分支，早期的safari    Chrome
  (3) Trident   --ie内核
  (4)Gecko ----火狐    ff内核
  js引擎  jagerMonkey
  html引擎   Gecko
  persto ---opera  早期内核  
  五。screen  
  客户端显示器信息
  screen.width//返回整个屏幕的宽
1536
screen.height//返回整个屏幕的高
864
screen.availWidth返回屏幕可占用的空间
1536
screen.availHeight//返回屏幕可占用的垂直空间
834
window.screenTop//浏览器与显示器边界的距离
38
window.screenLeft