js的BOM对象中的window、location使用

这篇具有很好参考价值的文章主要介绍了js的BOM对象中的window、location使用。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

说明:BOM的全称是Browser Object Model,浏览器对象模型,有Window(浏览器窗口)、Navigator(浏览器)、Screen(屏幕)、History(历史记录)和Location(地址栏)。

Window

window对象指的是浏览器窗口对象,是JavaScript的全部对象;常用的方法有以下几个:

alert():显示带有一段消息和一个确认按钮的警告框

    <script>
        window.alert("这是一个有确认按钮的警告框");
    </script>

js的BOM对象中的window、location使用

comfirm():显示带有一段消息以及确认按钮和取消按钮的对话框

    <script>
        window.confirm("这是一个有确认和取消按钮的对话框");
    </script>

js的BOM对象中的window、location使用

setInterval():按照指定的周期(以毫秒计)来调用函数或计算表达式(循环执行)

    <script>
        let count = 0;
        window.setInterval(function () {
            alert("循环执行" + (++count))
        }, 1000);
    </script>

js的BOM对象中的window、location使用

setTimeout():在指定的毫秒数后调用函数或计算表达式(执行一次)

    <script>
        let count = 0;
        window.setTimeout(function () {
            alert("仅执行一次" + (++count))
        }, 2000);
    </script>

js的BOM对象中的window、location使用

Location

location是指代浏览器的地址栏对象,对于这个对象,我们常用的是href属性,用于获取或者设置浏览器的地址信息

    <script>
        // 获取当前页面的地址值
        alert(window.location.href);

        // 跳转到某个地址
        window.location.href="https://www.baidu.com"
    </script>

js的BOM对象中的window、location使用文章来源地址https://www.toymoban.com/news/detail-463997.html

到了这里,关于js的BOM对象中的window、location使用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • JS之location对象详解

    location指示了其所连接对象的url位置。 document 和 window 对象中都有location属性,可以通过window.location和document.location访问。 注意  如果想要获得当前文档的完整url字符串,有四种方式 document.location document.location.href document.URL document.location.toString()  以上方式均可以获得“http:/

    2024年02月05日
    浏览(26)
  • window.location对象详解

    window.location 对象不仅可以获得当前页面的地址 (URL),还能够将浏览器重定向到新的页面。 打开chrome的调试工具,在Console一栏中输入window.location,出现如下图所示(包含location的多个属性): 接下来以 http://www.myurl.com:8866/test?id=123username=xxx 作为栗子,介绍一下location的常用属

    2024年02月07日
    浏览(38)
  • JavaScript BOM对象

    一、window对象 顾名思义window是窗口的意思,也就是浏览器的窗口,所有浏览器都支持window对象,因此所有的JavaScript全局对象,函数,变量都是window对象的成员 全局变量是window对象的属性 全局函数是window对象的方法 子对象: 属性: 方法: 二、location 对象 location 对象用于获

    2024年02月05日
    浏览(41)
  • JavaScript 入门指南(三)BOM 对象和 DOM 对象

    BOM(browser Object Model)即浏览器对象模型 BOM 由一系列对象组成,是访问、控制、修改浏览器的属性的方法 BOM 没有统一的标准(每种客户端都可以自定标准)。 BOM 的顶层是 window 对象 window 对象表示浏览器中打开的窗口。 使用 window 对象中的属性和方法,可以省略对象名,直

    2024年04月09日
    浏览(41)
  • javascript基础二十一:说说你对BOM的理解,常见的BOM对象你了解哪些?

    一、是什么 BOM (Browser Object Model),浏览器对象模型,提供了独立于内容与浏览器窗口进行交互的对象 其作用就是跟浏览器做一些交互效果,比如如何进行页面的后退,前进,刷新,浏览器的窗口发生变化,滚动条的滚动,以及获取客户的一些信息如:浏览器品牌版本,屏幕分

    2024年02月07日
    浏览(42)
  • JS BOM了解

    BOM(Browser Object Model)浏览器对象模型,就是操作浏览器的一些能力,可以操作的内容如下: 获取一些浏览器相关信息(窗口大小) 操作浏览器的滚动条 浏览器的信息(浏览器的版本) 让浏览器出现一个弹窗(alert,confirm,prompt) BOM的核心就是window对象,window是浏览器的一个

    2024年02月16日
    浏览(37)
  • 内置对象和方法、前端基础之BOM和DOM

    RegExp对象 Math对象 BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话” DOM (Document Object Model)是指文档对象模型,通过它,可以访问HTML文档的所有元素。 一些常用的Window方法: window.innerHeight - 浏览器窗口的内部高度 window.innerWidth - 浏览器

    2024年02月06日
    浏览(34)
  • 【JS】BOM 详解(工作必备)

    BOM(Browser Object Model):浏览器对象模型 其实就是操作浏览器的一些能力 我们可以操作哪些内容 获取一些浏览器相关信息(窗口大小) 操作浏览器的滚动条 浏览器的信息(浏览器的版本) 让浏览器出现一个弹出框(alert、confirm、prompt) BOM的核心就是window对象 window是浏览器

    2023年04月22日
    浏览(29)
  • js中的内置对象、数学对象、日期对象、数组对象、字符串对象

    car、computer div、p window、console 数学对象 Math (object类型) 1、圆周率 Math.PI 2、向下取整(返回值) Math.floor() 3、向上取整(返回值) Math.ceil() 4、四舍五入 Math.round() 5、随机数 0x1 Math.random() 6、绝对值 Math.abs() 7、最大值 Math.max() 8、最小值 Math.min() 9、指数幂 Math.pow(底数,指数) 10、平

    2024年01月24日
    浏览(42)
  • BOM/定时器/js执行机制

                 

    2023年04月25日
    浏览(39)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包