zoukankan      html  css  js  c++  java
  • 使用jQuery快速高效制作网页交互特效--JavaScript操作BOM对象

    JavaScript操作BOM

    一、window对象:

    二、window对象的属性和方法

    1、windows对象的常用属性:

    语法:window.属性名="属性值"

    2、windows对象的常用方法:

    语法:windows.方法名()

    3、口的特征属性:

    4、history对象的方法:

    5、location对象和属性:

    三、document对象

    document对象的常用属性:

    referrer的语法:document.referrer
    URL 的语法: document.URL
    document常用的方法

    window对象的方法:
    prompt( ) 显示可提示用户输入的对话框
    alert( ) 显示带有一个提示信息和一个确定按钮的警示框
    confirm( ) 显示一个带有提示信息、确定和取消按钮的对话框
    close( ) 关闭浏览器窗口
    open( ) 打开一个新的浏览器窗口,加载给定 URL 所指定的文档
    setTimeout( ) 在指定的毫秒数后调用函数或计算表达式
    setInterval( ) 按照指定的周期(以毫秒计)来调用函数或表达式
    四、JavaScript内置对象

    Date:用于操作日期和时间;

    Array:用于在单位的变量名中存储一系列的值;

    String:用于支持对字符串的处理;

    Math:使我们有能力执行常用的数学任务,它包含了若干个数字常量和函数;

    1、Date对象的常用方法

    语法:var 日期实例 = new   Date(参数);

     2、Math对象的常用方法

    五、定时器:
    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>

  • 相关阅读:
    看到一个很好看的细细的字体
    meta标签常用属性整理
    网页字体排印指南
    利用伪元素仿苹果手机官网导航
    利用css3-animation来制作逐帧动画
    CSS实现垂直居中的5种方法
    前端网站
    icon font
    flexbox布局总结
    Yahoo(YUI) CSS Reset:
  • 原文地址:https://www.cnblogs.com/dabrk/p/10968682.html
Copyright © 2011-2022 走看看