zoukankan      html  css  js  c++  java
  • BOM

    JS分为ECMAScript,DOM,BOM

    BOM与DOM操作

        Browser Object Model
    Document Object Model
    页面的文档对象模型(Document Object Model)

    BOM是用来和浏览器进行‘’对话‘’的

    一:与window对象进行交互

    BOM操作
    location
    window.location.href
    window.location.href = url
    location.href 获取当前页面的url
    location.href='URL' 跳转到指定页面
    location.reload() 重新加载页面

    1.查看用户信息:

    window.navigator.userAgent;

    可以得到下面的信息,userAgent,可以根据post方法里面是否有这个信息,进行初步的爬虫判断

    2.查看网页地址

    3.跳向目标地址

    window.location.href='http://www.baidu.com';

    4.刷新页面

    window.location.reload();
    #注意这里是函数,要加括号的

    5.返回上一个网页,去下一个网页

    window.history.back(); #返回
    window.history.forward();#前进

    注意window开头是小写

    二.弹出框

    弹出框分为:警告框,提示框,确认框

    警告框:

    alert("这是警告框");

    提示框:

    prompt("请手打一下提示框的代码");

    确认框:

    confirm('这是确认框,知道了吗?');

    三.计时器:

    - setTimeout与clearTimeout(设置单次定时触发,清除)
    - setInterval与clearInterval(循环触发,清除)

    语法:

    1.设置时间

    var t=setTimeout("JS语句",毫秒)
    例如:
    t=setTimeout(function(){alert("延迟3秒发动")},3000);

    2.清除时间:

    clearTime

    // 在指定时间之后执行一次相应函数
    var timer = setTimeout(function(){alert(123);}, 3000)
    // 取消setTimeout设置
    clearTimeout(timer);

    3.循环调用和清除:

    setInterval()

    setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

    setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

    语法:

    setInterval("JS语句",时间间隔)

    返回值

    一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。

    clearInterval()

    clearInterval() 方法可取消由 setInterval() 设置的 timeout。

    clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。

    语法:

    clearInterval(setinterval返回的ID值)

    举个例子:

    // 每隔一段时间就执行一次相应函数
    var timer = setInterval(function(){console.log(123);}, 3000)
    // 取消setInterval设置
    clearInterval(timer);
     
  • 相关阅读:
    Python中的yield详解
    Python脚本实现图片加水印
    ajax
    商城页面的增删改查
    事务及完成转账功能
    DBUtils和完善商城页面
    EL和jstl技术
    JSP
    jquery插件
    Cookie和Session
  • 原文地址:https://www.cnblogs.com/gengbinjia/p/10679024.html
Copyright © 2011-2022 走看看