首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    js---BOM 的理解方法

    , "Default"); //提示用户输入信息,接受两个参数,即要显示给用户的文本和文本框中的默认值,将文本框中的值作为函数值返回 window.status //可以使状态栏的文本暂时改变 window.defaultStatus...//默认的状态栏信息,可在用户离开当前页面前一直改变文本 window.setTimeout("alert('xxx')", 1000); //设置在指定的毫秒数后执行指定的代码,接受2个参数,要执行的代码和等待的毫秒数...document对象 document对象:实际上是window对象的属性,document == window.document为true,是唯一一个既属于BOM又属于DOM的对象 document.lastModified...//URL中主机名后的部分,如/pictures/index.htm location.search //执行GET请求的URL中的问号后的部分,又称查询字符串,如?...,在检测浏览器及操作系统上非常有用,也可用window.navigator引用它 `navigator.appCodeName` //浏览器代码名的字符串表示 navigator.appName /

    1.4K30

    js对象(BOM部分DOM部分)

    JS总体包括ECMAScript,DOM,BOM三个部分,但是能够和浏览器进行交互的只有DOM和BOM,那么到底什么是DOM和BOM呢 概念 BOM(Browser Object Model)是指浏览器对象模型...BOM Window对象是客户端JavaScript最高层对象之一,由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用。...语法: setInterval("JS语句",时间间隔) 返回值 一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。...根据class属性获取 document.getElementsByTagName 根据标签名获取标签合集 注意: 涉及到DOM操作的JS代码应该放在文档的哪个位置。...obj.style.backgroundColor="red" JS操作CSS属性的规律: 1.对于没有中横线的CSS属性一般直接使用style.属性名即可。

    4.3K20

    第187天:js基础---常见的Bom对象

    BOM(Browser Object Mode)浏览器对象模型,是Javascript的重要组成部分。它提供了一系列对象用于与浏览器窗口进行交互,这些对象通常统称为BOM。 一张图了解一下先 ?...1、window 对象——BOM核心 window,顾名思义,窗口对象。它表示整个浏览器窗口,主要用来操作浏览器窗口。...同时, window对象还是 ECMAScript 中的 Global 对象,因而所有全局变量和函数都是它的属性,且所有原生的构造函数及其他函数也都存在于它的命名空间下。   弹框类的方法。...返回 web 主机的端口 (80 或 443) location.portocol 返回页面使用的web协议。...availHeight: 整个屏幕的高减去系统部件的高( 可用的屏幕宽度 ) availWidth : 整个屏幕的宽减去系统部件的宽(可用的屏幕高度 ) 6、history 对象 对象包含浏览器的历史

    85320

    JS之浏览器对象BOM

    对象 Window 对象表示浏览器中打开的窗口,如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window...或者iframe) self是当前窗口(等价window) opener是用open方法打开当前窗口的那个窗口 ①:父子窗体之间的通讯 在页面内嵌入一个iframe,在iframe中提供一个输入项,输入后...varopenNew; functionopenWindow(){ openNew = window.open("http://www.itcast.cn"); } //关闭的时候需要注意关闭的是打开的网页...; alert(con); varmsg = prompt("请输入姓名","张三"); alert(msg); ④:定时操作setInterval & setTimeout setInterval...history.back();" /> 3.Location 对象 代表浏览器导航 在js

    2.9K90

    BOM的介绍_BOM定义

    大家好,又见面了,我是你们的朋友全栈君。 BOM的概念 BOM(Browser Object Model) 是指浏览器对象模型。...浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。 BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象。...我们在浏览器中的一些操作都可以使用BOM的方式进行编程处理, 比如:刷新浏览器、后退、前进、在浏览器中输入URL等。...1 href和hash hash:锚点 2 host 3 port 位置操作 上述两种方法,跳转的页面会保存到历史记录中,会激活回退按钮。...和availWidth属性: navigator对象 userAgent:用来识别浏览器的名称、版本、引擎以及操作系统等信息的内容。

    1.2K20

    JavaScript入门下-函数定义&DOM+BOM的操作示例

    操作 BOM (了解即可) 这部分的了解,可以直接使用菜鸟教程的在线编辑器,允许示例代码,感受相关的功能即可。 在线编辑器链接:https://www.runoob.com/try/try.php?...filename=tryhtml_intro BOM(Browser Object Model)是浏览器的对象模型,用于与浏览器窗口进行交互操作。...JavaScript 的 BOM 允许开发者与浏览器窗口及其功能进行交互,包括控制窗口、历史记录、URL 和显示屏信息等。...window:代表浏览器窗口,是 BOM 的顶级对象。 navigator:提供浏览器的信息,如用户代理、是否在线等。 location:提供当前页面的 URL 信息,允许操作页面的地址。...以下是 JavaScript 对 BOM 的详细操作介绍: window 对象 window 是 BOM 的核心对象,表示整个浏览器窗口。

    11110

    JS的常用操作

    ECMAScript:它是整个javascript 的核心,包含(基本语法、变量、关键字、保留字、数 据类型、语句、函数等等) DOM:文档对象模型,包含(整个 html 页面的内容)、 BOM:浏览器对象模型...) 第四步: 书写定时器中的函数(获取广告图片的位置并设置属性style的display值block) 第五步:清除显示图片的定时操作() 第六步:书写隐藏图片的定时操作 第七步:书写定时器中的函数(获取广告图片的位置并设置属性...代码,然后在html文件中通过script 标签的 src 属性引入该外部的 js 文件 5.2 BOM 对象 BOM 对象:浏览器对象模型(操作与浏览器相关的内容) ** Window 对象**...(该对象开发中不怎么常用) ** Screen 对象** Screen 对象包含有关客户端显示屏幕的信息。(该对象开发中不怎么常用) 五 、使用 JS 完成注册页面表单校验 JS的事件 ?...onchange:当用户改变内容的时候使用这个事件(二级联动) 七、使用JS完成全选和选不选操作 1.需求分析 我们希望在后台系统实现一个批量删除的操作(全选所有的复选框) 2.技术分析 确定事件(鼠标单击事件

    8.1K10

    js数组的操作

    unshift:将参数添加到原数组开头,并返回数组的长度 。 这组方法和上面的push()和pop()方法正好对应,一个是操作数组的开头,一个是操作数组的结尾。...替换:可以向指定位置插入任意数量的项,且同时删除任意数量的项,只需指定 3 个参数:起始位置、要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。...这两个方法都返回要查找的项在数组中的位置,或者在没找到的情况下返回-1。在比较第一个参数与数组中的每一项时,会使用全等操作符。...事实上,使用new Array()形式创建的数组,其初始长度就是为0,正是对其中未定义元素的操作,才使数组的长度发生变化。    ...对象的新实例“继承”赋予该对象原型的操作。     对于数组对象,以以下例子说明prototype 属性的用途。     给数组对象添加返回数组中最大元素值的方法。

    2.8K00

    从零开始学 Web 之 BOM(一)BOM的概念,一些BOM对象

    一、BOM 1、BOM的概念 BOM(Browser Object Model):浏览器对象模型。 在浏览器中的一些操作都可以使用 BOM 的方法进行编程处理。...2、BOM 顶级对象 BOM 的顶级对象是:window window 是浏览器的顶级对象,当调用 window 下的属性和方法时,可以省略 window。...2、window.onload 事件会在页面加载完毕(页面中所有内容、标签、属性以及外部引入的 js文件)时触发。 3、window.onload 可以省略 window。...主机名 console.log(window.location.port); //63342 ---- 端口号 console.log(window.location.pathname);// /JS...location.reload(): 刷新页面 location.replace(): 设置跳转的页面地址,但是不保存跳转前的地址。

    70830
    领券