• JavaScript操作Bom对象


    什么是Dom对象:

    DOM:(Document Object Model) 文档对象模型。

    BOM:(Browser Object Mode) 浏览器对象模型。从上面的对比中,可以很清晰的看出,BOM与DOM的最大区别既是B(Browser)和D(Document)的区别,那Browser和Document有什么差别呢,从下面的一张图上看,DOM的根节点是document。经常编写JavaScript代码,也许你会想到window对象,为啥DOM里面没有window,这就是BOM与DOM的区别了,window是JavaScript的顶端对象之一,它是隶属于浏览器层次的,它独立于文档内容与浏览器之间。BOM解析:1. BOM是browser object model的缩写,简称浏览器对象模型 2. BOM提供了独立于内容而与浏览器窗口进行交互的对象 3. 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window 4. BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性 5. BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C 6. BOM最初是Netscape浏览器标准的一部分BOM结构图window对象是BOM的顶层(核心)对象,所有对象都是通过它延伸出来的,也可以称为window的子对象。由于window是顶层对象,因此调用它的子对象时可以不显示的指明window对象,例如下面两行代码是一样的:[code]document.write("test");

    window对象的属性:
    history:
    方法:
    back() 加载 history 对象列表中的前一个URL
    forward() 加载 history 对象列表中的下一个URL
    go() 加载 history 对象列表中的某个具体URL
    location:
    属性:
    host 设置或返回主机名和当前URL的端口号
    hostname 设置或返回当前URL的主机名
    href 设置或返回完整的URL
    方法:
    reload() 重新加载当前文档
    replace() 用新的文档替换当前文档
    document:
    属性:
    referrer 返回载入当前文档的URL
    URL 返回当前文档的URL

    方法:

    getElementById()	返回对拥有指定id的第一个对象的引用
    getElementsByName()	返回带有指定名称的对象的集合
    getElementsByTagName()	返回带有指定标签名的对象的集合
    window对象的方法:
    prompt( )	显示可提示用户输入的对话框
    alert( )	显示带有一个提示信息和一个确定按钮的警示框 
    confirm( )	显示一个带有提示信息、确定和取消按钮的对话框 
    close( )	关闭浏览器窗口
    open( )	打开一个新的浏览器窗口,加载给定 URL 所指定的文档
    setTimeout( )	在指定的毫秒数后调用函数或计算表达式
    setInterval( )	按照指定的周期(以毫秒计)来调用函数或表达式	
    Date:
    getDate()	返回 Date 对象的一个月中的每一天,其值介于1~31之间
    getDay()	返回 Date 对象的星期中的每一天,其值介于0~6之间
    getHours()	返回 Date 对象的小时数,其值介于0~23之间
    getMinutes()	返回 Date 对象的分钟数,其值介于0~59之间
    getSeconds()	返回 Date 对象的秒数,其值介于0~59之间
    getMonth()	返回 Date 对象的月份,其值介于0~11之间
    getFullYear()	返回 Date 对象的年份,其值为4位数
    getTime()	返回自某一时刻(1970年1月1日)以来的毫秒数
    Math:
    ceil()	对数进行上舍入	Math.ceil(25.5);返回26
    Math.ceil(-25.5);返回-25
    floor()	对数进行下舍入	Math.floor(25.5);返回25
    Math.floor(-25.5);返回-26
    round()	把数四舍五入为最接近的数	Math.round(25.5);返回26
    Math.round(-25.5);返回-26
    random()	返回0~1之间的随机数	Math.random();例如:0.6273608814137365
    

      

    定时器:
    
    setTimeout:
    //多少ms之后触发
    setTimeout(function(){
    /* alert('王洪涛'); */
    }, 3000);
    setInterval:
    //代表每ms触发
    var interval=setInterval(function(){
    //创建出Date对象
    var datetime = new Date();
    //01.getElementById()获取具有id属性值的元素
    var span = document.getElementById('span01');
    span.innerHTML = datetime;
    
    }, 1000);
    案例:


    <script type="text/javascript">
    var time=10;
    var interval;
    //点击开始按钮时触发
    function start(){
    //每一次-1秒
    interval=setInterval(function(){
    time--;
    //给span赋值
    document.getElementById('time').innerHTML=time;
    if(time<=0){
    //停止定时器
    clearInterval(interval);
    }
    }, 1000);
    };
    
    function stop() {
    clearInterval(interval);
    };
    
    </script>
    

      

  • 相关阅读:
    Linq之旅:Linq入门详解(Linq to Objects)(转)
    第四章 禅坐和外相的修行
    第三章 生活就是我们的修行
    第二章 更正我们的知见
    第一章 明了佛陀的教导(宁静的森林水池)
    第二章 取其一半
    你的程序员是在努力工作还是在偷懒?
    给JavaScript初学者的24条最佳实践
    简单理解Socket
    oracle18c linux x86-64 install 杂记
  • 原文地址:https://www.cnblogs.com/wishsaber/p/10971526.html
Copyright © 2020-2023  润新知