关于window对象

window对象

- navigator(导航器对象)

  • appCodeName:返回浏览器的代码名
  • appName:返回浏览器的名称
  • appVersion:返回浏览器的平台和版本信息
  • cookieEnabled:返回指明浏览器中是否禁用cookie的布尔值
  • platform:返回浏览器的操作系统平台
  • userAgent:返回由客服机发给服务器的user-agent头部的值

- screen(显示器对象)

  • avaiHeight:返回显示屏幕的可用高度
  • avaiWidth:返回显示屏幕的可用宽度
  • height:返回屏幕的像素高度
  • width:返回屏幕的像素宽度
  • colorDepth:返回屏幕颜色的位数

- history(历史对象)

  • back:返回前一个URL
  • forward:返回下一个URL
  • go:返回一个具体页面

- location(位置对象)

  • 属性
    1. hash:设置或返回从井号开始的URL
    2. host:设置或返回主机名和当前URL的端口号
    3. hostname:设置或返回当前URL的主机名
    4. href:设置或返回完整的URL
    5. pathName:设置或返回当前URL的路径部分
    6. port:设置或返回当前URL的端口号
    7. protocol:设置或返回当前URL的协议
    8. serach:设置或返回从问号开始的URL
  • 方法
    1. assign(URL):加载新的文档
    2. reload():重新加载当前页面
    3. replace(newURL):用新的文档替换当前文档

- document(文档对象)

  • 集合

    1. anchors【】:描点对象数组
    2. images【】:图片对象数组
    3. links【】:连接对象数组
    4. forms【】:表单对象数组
  • 属性

    1. cookie:设置或返回与当前文档所有有关的cookie
    2. domain:返回当前文档的域名
    3. referrer:返回载入当前文档的URL
    4. title:返回当前文档的标题
    5. URL:返回当前文档的URL
  • 方法

    1. open():打开一个新的文档并擦出旧文档的内容
    2. close():关闭文档输出流
    3. write():向当前文档追加写入文本
    4. writeln():宇write()相同在“<pre”>中会追加换行

- 窗口控制

  • moveBy
    语法:moveBy(水平位移量,垂直位移量)
    功能:按照给定像素参数移动指定窗口
  • moveTo
    语法:moveTo(x,y)
    功能:功能将窗口移动到指定的指定坐标(x,y)处
  • resizeBy
    语法:resizeBy(水平,垂直)
    功能:将当前窗口改变指定的大小(x,y)当x、y的值大于0时为扩大当x、y的值小于0时为缩小
  • resizeTo
    语法:resizeTo(水平宽度,垂直宽度)
    功能:将当前窗口改变成((x,y)大小,x、y分别为宽度和高度
  • scrollBy
    语法:scrollBy(水平位移量。垂直位移量)
    功能:将窗口中的内容按给定的位移量滚动 参数为正数时,正向滚动,否则反向滚动
  • scrollTo
    语法:scrollTo(x,y)
    功能:将窗口中的内容滚动到指定位置

- 焦点控制

  • focus:得到焦点
  • blur:移出焦点

- 打开窗口(open)

  • 语法: open("“URL”",“窗口名称”"。“窗口风格”")

  • 功能: 打开一个新的窗口,并在窗口中装载指定URL地址的网页

  • 窗口风格:

    1. height数值-窗口高度-不能小于100
    2. width数值-窗口宽度不能小于100
    3. left数值窗口左坐标不能为负值
    4. top-数值窗口上坐标-不能为负值
    5. location yes/no是否显示地址栏
    6. menubar yes/nor是否显示菜单栏
    7. resizableyes/nor是否可以改变窗口大小
    8. scrollbars yes/no否允许出现滚动条
    9. status yes/ no是否显示状态栏
    10. toolbaryes/ no是否显示工具栏

- 关闭窗口(close)

  • 语法: close()
  • 功能: 自动关闭浏览器窗口

- 定时器

  • setTimeout
    语法:语法 setTimeout(执行代码,毫秒数)
    功能:当到了指定的毫秒数后。自动执行功能代码语法
    clearTimeout
    语法:clearTimeout(定时器)
    功能:取消由setTimeout()没置的定时器
  • setInterval
    语法:setInterval(重复执行的代码,毫秒数)
    功能:按指定周期重复执行功能代码
  • clearInterval
    语法:clearInterval(时间间隔器)
    功能:取消由setInterval()设置的时间间隔器

- 对话框

  • alert
    语法: alert("“提示字符串”")
    功能: 弹出一个警告框,在警告框内显示提示字符串文本

  • confirm
    语法: confirm(“提示字符串”")
    功能: 显示一个确认框,在确认框内显示提示字符串 当用户单击"确定"“按钮时该返回true 单击”"取消“时返回false

  • prompt
    语法: prompt("“提示字符串”"。““缺省文本”")
    功能: 显示一个输入框。在输入框内显示提示字符串 在输入文本框显示缺省文本,并等特用户输入 当用户单击“确定按钮时,返回用户输入的字符串当单击“取消""按钮时,返回nul值

- 属性

  • 状态栏

    1. defaultStatus:改变浏览器状态栏的默认显示
    2. status:临时改变浏览器状态栏的显示
  • 窗口位置
    IE

    1. screenLeft:声明窗口的左上角的X坐标
    2. screenTop:声明窗口的左上角的Y坐标
    3. document.body.scrollLeft document.documentElement.scrollLeft:声明当前文档向右滚动过的像素数
    4. document.body.scrollTop document.documentElement.scrollTop:声明当前文档向下滚动过的像素数

    !IE

    1. screenx 声明窗口的左上角的X坐标
    2. screenYr声明窗口的左上角的Y坐标
    3. pageXOffset声明当前文档向右滚动过的像素数
    4. pageYoffset声明当前文档向下滚动过的像素数

    FF

    1. innerHeight返回窗口的文档显示区的高度
    2. innerwidthr返回窗口的文档显示区的宽度
    3. outerHeight返回窗口的外部高度
    4. outerWidth返回窗口的外部宽度
  • 其他属性

    1. opener:可以实现同域名下跨窗体之间的通讯 一个窗体要包含另一个窗体的
    2. closed当前窗口关闭时返回true
    3. name设置或返回窗口的名称
    4. self返回对当前窗口的引用

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/248714.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

160-PHP 文本替换函数str_replace(一)

<?php$strHello world!; //定义源字符串$searcho; //定义将被替换的字符$replaceO; //定义替换的字符串$resstr_replace($search,$replace,$str); //使用函数处理字符串echo "{$str}替换后的效果为&#xff1a;<br />{$res}";…

流的操作规律

IO流中对象很多&#xff0c;解决问题(处理设备上的数据时)到底该用哪个对象呢&#xff1f;   把IO流进行了规律的总结(四个明确)&#xff1a; 明确一&#xff1a;要操作的数据是数据源还是数据目的。 源&#xff1a;InputStream Reader 目的&#xff1a;OutputStream Writ…

看完就懂的编辑页面如何巧妙处理时间

需求分析 分析&#xff1a; 我们通常会遇到这种情况&#xff0c;当我们制作一个表单页面的时候&#xff0c;通常会有添加和编辑的情况&#xff0c;我们在提交的时候还需要将时间的格式转换为字符串格式进行传参。 在这里我们使用的是 iview 中的 DatePicker type格式为datetime…

[转]Tomcat中8005/8009/8080/8443端口的作用

8005&#xff1a;关闭tomcat进程所用。当执行shutdown.sh关闭tomcat时就是连接8005端口执行“SHUTDOWN”命令--由此&#xff0c;我们直接telnet8005端口执行“SHUTDOWN”&#xff08;要大写&#xff0c;小写没用&#xff1b;不运只能telnet 127.0.0.1 8005其他地址telnet都不能…

月入10万和月入5千的人关键区别是什么???

月入10万和月入5千的人关键区别是什么&#xff1f;&#xff1f;&#xff1f;知识体系、决策能力、魄力和格局&#xff01;&#xff01;&#xff01;人不学不知道&#xff0c;看过很多书&#xff0c;学过很多课&#xff0c;发现不久就忘了&#xff0c;很难真正被自己消化吸收&am…

关于“wap2app仅支持对已通过ICP备案的域名站点进行打包”问题解决

关于“wap2app仅支持对已通过ICP备案的域名站点进行打包”问题解决 如果我们是通过Vue技术写的移动端&#xff0c;开发完成后我们的项目需要放到服务器上&#xff0c;然后我们在将服务器上面的项目打包apk格式 wap2app将网页打包成apk步骤 使用HbuilderX创建一下wap2app项目 我…

第五周-第07章节-Python3.5-内置模块详解之OS模块

os.sep:取代操作系统特定的路径分隔符 os.name:指示你正在使用的工作平台。比如对于Windows&#xff0c;它是nt&#xff0c;而对于Linux/Unix用户&#xff0c;它是posix。os.getcwd:得到当前工作目录&#xff0c;即当前python脚本工作的目录路径。os.getenv()和os.putenv:分别用…

2021前端面试题总结

HTML CSS 定位 flex布局 display css3新属性 css3的边框-border-radius–box-shadow–border-image 背景 background-size–background-origin &#xff1a;属性规定背景图片的定位区域。文字效果&#xff1a;text-shadow&#xff1a;在 CSS3 中&#xff0c;text-shadow …

mysql之库操作_创建用户_修改用户权限_修改用户密码

用户操作&#xff1a; 1、create user Faye127.0.0.1IDENTIFIED BY 123 #添加一个用户名字为Faye的用户,127.0.0.1为本机的ip,123为密码 补&#xff1a;create user Faye% IDENTIFIED BY 123 #添加一个用户名字为Faye的用户,‘%’的意思为所有人都可以连接Faye这个用户,123为…

前端导出文件,后端返回文件流过大直接干崩溃

前端导出文件 前端很常见的导出需求 导出world xlsx 甚至是zip 在我这个项目中是导出图片&#xff0c;图片量还是蛮大的&#xff0c;直接干崩溃了 我们这里是后端同学直接返回的是文件流 通过调用接口拿到文件流后直接调用下面的方法 export function exportZip(res, name)…

在eclipse中创建第一个java应用程序,并在控制台输出“hello world”。

package com.fs.test;public class HelloWorld {public void aMethod() {}public static void main(String[] args) {System.out.print("Hello world");}}转载于:https://www.cnblogs.com/ooo888ooo/p/11042700.html

R-CNN , Fast R-CNN , Faster R-CNN原理及区别

github博客传送门csdn博客传送门 RCNN 1、生成候选区域 使用Selective Search&#xff08;选择性搜索&#xff09;方法对一张图像生成约2000-3000个候选区域&#xff0c;基本思路如下&#xff1a; &#xff08;1&#xff09;使用一种过分割手段&#xff0c;将图像分割成小区域 …

Vue和iview-admin搭建的项目进行兼容

写在前面&#xff1a; 用iview-admin创建的基于Vue的项目&#xff0c;开发完成后&#xff0c;用户是使用的360浏览器&#xff0c;其中有两个模式&#xff0c;一个是极速模式&#xff08;谷歌内核&#xff09;&#xff0c;一个是兼容模式&#xff08;IE内核&#xff09;&#x…

App过大

最近开发中遇到一个报错信息 如下 Error:Cannot fit requested classes in a single dex file.Try supplying a main-dex list. # methods: 72477 > 65536 大致意思是Android App中的方法数超过65535时&#xff0c;如果往下兼容到低版本设备时&#xff0c;就会报编译错误 主…

第三课《让简历有点色彩》

一、学习了css 的概念、工作方式、语法 CSS (Cascading Style Sheets) &#xff1a;是一种用于向用户指定文档如何呈现的语言 — 它们如何被指定样式、布局等工作方式&#xff1a; 浏览器将 HTML 和 CSS 转化成 DOM &#xff08;文档对象模型&#xff09;。DOM在计算机内存中表…

Vue 打包后打开为空白页面 并且控制台报错‘Failed to load resource: net::ERR_FILE_NOT_FOUND’

问题描述 当我们开发完成后进行 npm run build打包后形成dist文件 我们通过访问dist文件中的index&#xff0c;会出现空白页面什么都不显示的问题&#xff0c;控制台中还会报‘Failed to load resource: net::ERR_FILE_NOT_FOUND’错误&#xff0c;其实是因为打包后的dist目录…

引用Nuget包Microsoft.EntityFrameworkCore.Tools.DotNet报错

错误如下 解决方法 使用VS2017或更高版本在改项目右键&#xff0c;选择“编辑xxx.csproj”&#xff0c;并添加如下一句话&#xff0c;就可以成功引用改Nuget包 <PackageReference Include"Microsoft.EntityFrameworkCore.Tools.DotNet" Version"2.0.3"/…

echarts 折线图 多条折线数据相同时展示的图形并没有重合

简单粗暴的使用echarts官网展示用例 我讲series中的几个对象中的值都改成了相同的 看到数值相同 图表中却没有重合 后面发现解决办法如下 只需要将对象中的stack属性删除就可以了&#xff0c;不仅仅针对这个问题 有时候我们发现图表展示的数据跟y周的值有差距时可以试试这个…

Django,ajax实现表格增删查改,Django内置分页功能。

1.工程目录 2.urls.py """Django_ajax URL ConfigurationThe urlpatterns list routes URLs to views. For more information please see:https://docs.djangoproject.com/en/2.1/topics/http/urls/ Examples: Function views1. Add an import: from my_app im…

前端登录逻辑

话不多说直接上图片&#xff0c;纯手工打造