Javascript# 系列文章目录七--BOM/JSON

最新推荐文章于 2023-10-31 10:30:41 发布

MIB Zorro

最新推荐文章于 2023-10-31 10:30:41 发布

阅读量82

点赞数

分类专栏： Javascript

本文链接：https://blog.csdn.net/m0_52552720/article/details/110941077

版权

Javascript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

Javascript# 系列文章目录七–BOM

文章目录

Javascript# 系列文章目录七--BOM
一、BOM
- 一、BOM的对象
- 二、window
二、JSON

一、BOM

浏览器对象模型，可以用JS操作浏览器

一、BOM的对象

Window-- 浏览器窗口
Navigator-- 浏览器信息

Navigator

大部分属性不能识别浏览器属性
一般只用userAgent来判断浏览器信息
– userAgent就是字符串，不同的浏览器有不同的userAgent

Location–浏览器的地址栏信息

封装了浏览器地址栏的信息
location = “http:…” location = “…html”
assgin location.assgian("")
relaod() location.reload(true);
replace() location.replace(); 不会生成历史记录，不能回退

History–浏览器历史记录操作浏览器向前向后操作

Screen–用户的屏幕信息（移动端）
可以通过window对象来使用，或者直接使用

二、window

setInterval();
-定时调用
-可以将函数，每隔一段时间执行一次
-参数：函数时间
-返回值：返回一个number

    window.onload = function(){
      var num = 1;
      //开启
      var timer = setInterval(function(){
          count.innerHTML = num++;
          if (num == 11){
          //关闭定时器
            clearInterval(timer);
          }
      }, 200);
      
    };

延时调用
不马上执行，隔一段时间再执行，只会执行一次
定时会执行多次，两个项目替代

 window.onload = function(){
      var num = 1;
      var timer = setTimeout(function(){
        console.log(num++);
      },3000);
      clearTimeout(timer);
    };

clearInterval() 可以接受任意参数，包括undefined
定时按钮切图轮播

  <script  >  
    
   window.onload = function(){
     var img1 = document.getElementById("img1");
     var imgArr =  ["img/1.jpg","img/2.jpg","img/3.jpg","img/4.jpg","img/5.jpg"];

     var index = 0;
     var timer;
     var btn1 = document.getElementById("btn1");
     btn1.onclick = function(){
       clearInterval(timer);
       timer = setInterval(function(){
         index++;
         index %= index.length;
         img1.src = imgArr[index];
       },1000);
     };
     var btn2 = document.getElementById("btn2");
     btn2.onclick = function(){
      clearInterval(timer);
     };
   };
    
  </script> 
 </head> 
 <body> 
    <img id="img1" src="img1/1.jpg"/>
    <button id="btn1">开始</button>
    <button id="btn2">停止</button>
 </body>

二、JSON

特殊格式的字符串
和JS对象的格式一样，只不过JSON字符串中属性名必须加双引号
其他和JS语法一样
JSON 分类：
-1.对象{}
-2.数组[]
JSON中允许的值，不包括函数
1.字符串
2.数字
3.布尔值
4.null
5.对象
6.数组
JS中提供了一个工具类，叫JSON
JSON.parse();
可以将一个JSON字符串作为参数转化为JS对象

JSON.parse();

JS 对象 --> JSON
JSON.stringify(); js对象作为参数，返回一个JSON字符串

JSON.stringify();

MIB Zorro

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javascript# 系列文章目录七--BOM/JSON

Javascript# 系列文章目录七–BOM文章目录Javascript# 系列文章目录七--BOM一、BOM一、BOM的对象二、二、12.读入数据总结一、BOM浏览器对象模型，可以用JS操作浏览器一、BOM的对象Window-- 浏览器窗口Navigator-- 浏览器信息Navigator大部分属性不能识别浏览器属性一般只用userAgent来判断浏览器信息– userAgent就是字符串，不同的浏览器有不同的userAgentLocation–浏览器的地址栏信息
复制链接

扫一扫

专栏目录