分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

JsBOM

发布时间:2023-09-06 01:56责任编辑:胡小海关键词:暂无标签

内置对象

1、document

document.referrer ?//获取上一个跳转页面的地址(需要服务器环境)

2、location

window.location.href ?//获取或者重定url地址window.location.search //获取地址参数部分window.location.hash //获取页面锚点或者叫哈希值

3、Math

Math.random 获取0-1的随机数Math.floor 向下取整Math.ceil 向上取整

Window 对象


    BOM 的核心对象是 window,它表示浏览器的一个实例。window 对象有双重角色,它既是 通过 JavaScript 访问浏览器窗口的一个接口,又是 ECMAScript 规定的 Global 对象。这意味着 在网页中定义的任何一个对象、变量和函数,都以 window 作为其 Global 对象,因此有权访问 parseInt()等方法。如果页面中包含框架,则每个框架都拥有自己的 window 对象,并且保存在 frames 集合中。在 frames 集合中,可以通过数值索引(从 0 开始,从左至右,从上到下)或 者框架的名称来访问相应的 window 对象。

输入框:prompt,返回提示框中的值。  prompt() 方法用于显示可提示用户进行输入的对话框。  参数(可选):      第一个参数:要在对话框中显示的纯文本。  第二个参数:默认的输入文本。

确认框:confirm,返回 true/false.     confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。

window.open()方法既可以导航到一个特定的 URL 也可以用来打开一个新的窗口。

window.close():关闭窗口。

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

var id = setTimeout(function,times) clearTimeout(id) <script type="text/javascript"> ?//延迟 3 秒后出现 alert ?function hello() { ???alert("对不起, 要你久候"); ??} ?setTimeout("hello()", 3000); ?var timeout; ????function init(){ ??//拿到当前时间 ??var date = new Date(); ??var time = date.toLocaleString(); ??//拿到相应对象 ??var h1 = document.getElementById(‘h1‘); ??//根据需求添加样式 ??if(0==date.getSeconds()){ //当时间的秒数变成 0 时,显示红色字体 ???h1.innerHTML = ‘<span style="color:red">‘+time+‘</span>‘; ??} else { ???h1.innerHTML = time; ??} ??/* ???* ?定时操作,只执行一次 ????第一个参数:执行的方法;第二个参数:定时,单位是毫秒 ???* */ ??setTimeout(init,1000); ??//等多少时间来执行 ?} ?//window.setTimeout(init,1000);//只执行一次 ???//停止操作 ?function stopShow () { ??clearTimeout(timeout); ?} </script> <body onload="init();"> ?<h1 id="h1"></h1> ????<button onclick="stopShow()">时间停止</button> </body>

setInterval():可按照指定的周期(以毫秒计)来调用函数或计算表达式。该方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。

histroy 对象

    history 对象是历史对象。包含用户(在浏览器窗口中)访问过的 URL。history 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问。 history 对象的属性:length,返回浏览器历史列表中的 URL 数量。 history 对象的方法: back():加载 history 列表中的前一个 URL。 forward():加载历史列表中的下一个 URL。当页面第一次访问时,还没有下一个 url。 go(number|URL): URL 参数使用的是要访问的 URL。而 number 参数使用的是要访 问的 URL 在 History 的 URL 列表中的相对位置。go(-1),到上一个页面。

location 对象

location 对象是 window 对象之一,提供了与当前窗口中加载的文档有关的信息,还提供 了一些导航功能。也可通过 window.location 属性来访问。

location 对象的属性 href:设置或返回完整的 URL location 对象的方法

            reload():重新加载当前文档。

            replace():用新的文档替换当前文档。

document 对象 

    每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象使我们可以从脚 本中对 HTML 页面中的所有元素进行访问。Document 对象是 Window 对象的一部分,也可通 过 window.document 属性对其进行访问。

    document 对象的 body 属性,提供对<body>元素的直接访问,cookie 属性,用来设置 或返回与当前文档有关的所有 cookie,write()方法,向文档写 HTML 表达式或 JavaScript 代码。 还有其他属性和方法。在 Document 对象中讲解。

该对象作为 DOM 中的核心对象。

JsBOM

原文地址:https://www.cnblogs.com/yxmgg/p/9091672.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved