一window对象

alert方法 :弹出一个只有确定按钮的提示框

confirm方法 :弹出一个具有确定和取消按钮的提示框    //window.confirm("确定是个好人吗?")确定返回true,取消返回false

prompt方法 :弹出用户可以输入的对话框,返回输入信息 //window.prompt("你的爱好","默认值")

navigate方法 :将当前窗口导航到另一个url网页上

setInterval方法 :设置浏览器每个多长时间调用指定程序(重复执行)// window.setInterval("alert('你好')",5000);

setTimeout方法 :设置定时调用指定程序代码(只执行一次)// window.setTimeout("alert('你好')",5000);

clearInterval方法 :用于取消前面设定的setInterval方法效果

moveTo方法 :用于将浏览器窗口移动到指定位置 //window.moveTo(x,y);

resizeTo方法 :设置改变浏览器窗口大小的方法 // window.resizeTo(width,height);

open方法 : 打开新窗口 // window.open("test.html","_blank","top=0,left=0,width=0,width=200,height=200,toolbar=no");

showModalDialog方法 :打开一个模态对话框窗口

showModelessDialog方法 :打开一个非模态对话框窗口

二 window对象的framset

三 window对象的event对象

altKey属性:用于检测发生事件时alt键是否被按下。

ctrlKey属性:用于检测发生事件时ctrl键是否被按下。

shiftKey属性:用于检测发生事件时shift键是否被按下。

clientX、clientY属性:用于设置和返回鼠标相对于客户区的x值和y值

screenX、screenY属性:用于设置和返回鼠标相对于屏幕定点的x值和y值。

offsetX、offsetY属性:用于设置和返回鼠标相对于事件源的x值和y值。

x、y属性:用于设置和返回鼠标相对于事件源父元素的x值和y值。

returnValue属性:用于设置和返回事件源的返回值。

cancelBubble属性:设置事件是否取消一级一级传递

srcElement属性:用于设置返回发生事件的当前事件源对象。

keyCode属性:用于设置键盘按下或弹起按键的unico码值。

button属性:用于返回鼠标按下或弹起事件(1鼠标左键,2鼠标右键,3左右同时按下)

四 window对象专用事件

onload事件:用于浏览器装载完成的事件

onunload事件:浏览器卸载完时放生的事件,关闭浏览器之前发生的事件

onbeforeunload事件:浏览器准备卸载时放生的事件 //浏览器关闭之前放生

五 window对象通用事件

onclick事件:当鼠标单击某个组件时发生

onmousemove事件:当鼠标在某个组件上移动时发生。

onmouseover事件:当鼠标从外面移动到组件边界时发生的事件。

onmouseout事件:当鼠标移出组件边界时发生的事件。

onmousedown事件:当鼠标上的任何键按下时发生的事件。

onmouseup事件:当鼠标上的任何键弹起时发生的事件。

onkeydown事件:键盘按下时发生的事件

onkeyup事件:当键盘山的键弹起时发生的事件。

onkeypress事件:当用户按了某个数字或字母键又弹起时发生的事件。

六 window对象的属性

closed属性:window对象对应的窗口是否关闭(true关闭,false没有关闭)

opener属性:返回打开当前窗口的window对象。

defaultstatus属性:返回窗口状态栏上缺省显示的内容

status属性:返回窗口状态栏上当前显示的内容。

screenTop属性:显示窗口左上角在屏幕上的垂直位置

screenLeft属性:返回窗口左上角在屏幕上的水平位置

七 window对象的对象类型属性

location对象:设置和返回浏览器中当前的url信息

event对象:设置获取当前事件的相关信息

frames数组对象:数组表示某个窗口中子窗口的集合

screen对象:设置屏幕的清晰度等信息

clipboardData属性:提供了读取剪切板的方法

history对象:提供了重新装载浏览器曾经访问过的url列表里的地址的若干方法

navigate对象:提供了获取浏览器,cpu、语言等方面的信息。

document对象:代表整个网页文档。

window.location.href="http://www.it315.org";

等效于

window.navigate("http://www.it315.org");

window.location.replace("http://www.it315.org");

将浏览器重新定位到一个url地址

window.location.reload();可以刷新当前网也。

setTimeout(xxx,2000)设定经过2秒之后进行xxx操作。

八  document对象

cookie属性:

九  <script>标签属性

defer属性

设置<script>标签的defer属性,可以使网页在加载内容时跳过script脚本当网页内容加载完

之后再对脚本进行解释执行。注意:当设置了defer属性之后不能在脚本中使用document.writer()

方法,因为该方法会覆盖掉网页原来加载的内容。

language属性

type属性:<script type="text/javascript">

src属性:

十  document对象的对象属性

forms数组:代表html中的所有的form标签对的集合

anchors数组:代表所有指定了name属性或id属性的a标签对的集合

links数组:代表所有指定了href属性的a标签对的集合

images数组:代表所有的image标签的集合

scripts数组:代表所有的script标签对的集合

applets数组:代表了所有的applet标签对的集合

all数组:代表了所有的标签对的集合。

body对象:代表了body标签,嵌在body标签中的子元素可以作为body对象的子元素来引用

title对象:代表title标签,使用title对象可以设置浏览器的标题内容

十一document对象--方法

write方法:用于向MTML文档中动态写入内容。

writeln方法:用法与write方法类似只是在写入内容之后多加入一个换行符

open方法:用于打开一个新的文档

close方法:向打开的文档中写入内容之后要关闭文档流

clear方法:清楚文档的内容可以用(document.write(""); document.close();)实现clear方法

getElementById方法:通过Id可以返回文档中对应的元素对象

getElementByName方法:根据name属性值返回对应的HTML元素对象(可能多个元素的name值相同所以返回的是数组类型)

getElementByTagName方法:  根据标签名返回所有的标签对象

createElement方法:产生一个HTML元素对象

createStyleSheet方法:为当前的HTML文档产生一个样式表

十二、与body有关的属性

alinkColor属性:超链接被选中(即在超链接上按下鼠标)时的显示颜色

linkColor属性,超链接的正常状态下的颜色

vlinkColor属性,访问过的超链接的显示颜色

bgColor 属性,指定整个文档背景的颜色

十三、body对象的属性

background 背景

bgProperties 图片是否随着滚动

text 设置和返回文本的属性

topMagin,bottomMargin,leftMargin,rightMargin网页内容与浏览器的距离

十四、body对象的事件

onselectstart事件:就是在用户选取网页文档中的内容时发生

onscroll 事件在用户拖动窗口上的滚动条的时候发生

十五、form对象的属性

name  //通过document.forms["form1"]/document.forms[0]/document.forms.form1/document.form1可获得form对象

target  //document.form1.target="_blank";//设置提交表单时新打开一个页面

title

enctype

method  //document.form1.method="post";设置form表单提交的方式

action  //document.form1.action="test.html";设置form表单的提交动作

十六、form表单的事件

onsubmit

十七、form表单字段对象方法

blur方法:让表单字段失去焦点

focus方法:让表单对象获得焦点

click方法:模仿用户鼠标单击该元素的过程

javascript属性相关推荐

  1. 从 JavaScript 属性描述器剖析 Vue.js 响应式视图

    学习每一门语言,一般都是从其数据结构开始,JavaScript也是一样,而JavaScript的数据结构中对象(Object)是最基础也是使用最频繁的概念和语法,坊间有言,JavaScript中,一切 ...

  2. 谷歌浏览器不支持javascript 属性对象获取问题

    谷歌浏览器 JavaScript 属性对象获取问题 首先陈述一下我遇到的问题 我在img标签里面添加自定义属性fileName <img fileName="0_0.png" ...

  3. 从JavaScript属性描述器剖析Vue.js响应式视图

    学习每一门语言,一般都是从其数据结构开始,JavaScript也是一样,而JavaScript的数据结构中对象(Object)是最基础也是使用最频繁的概念和语法,坊间有言,JavaScript中,一切 ...

  4. JavaScript属性操作

    本篇文章主要是介绍JavaScript 对HTML 属性的读写操作方法... JS 属性读操作 js 读取html的属性是通过 . 来操作的,具体语法如下 元素.属性名 问题1: 如何获取input标 ...

  5. javascript --- 属性描述符

    从ES5开始,所有的属性都具备了属性描述符 var myObject = {a: 2 };Object.getOwnPropertyDescriptor(myObject, "a" ...

  6. JavaScript属性操作 1

    更多内容点击查看:http://weber.pub/ 本篇文章主要是介绍JavaScript 对HTML 属性的读写操作方法... JS 属性读操作 js 读取html的属性是通过 . 来操作的,具体 ...

  7. Javascript属性:addEvent()用法浅析

    做 web 应用的人,经常会用到 Javascript 来处理页面上的一些事情.表单验证我们不谈,在根据用户使用情况,显示/隐藏,或者执行一段 js function,的时候,我们需要和页面的 DOM ...

  8. es6 javascript属性的可枚举性

    对象的每个属性都有一个描述对象( Descriptor ),用来控制该属性的行为.Object.getOwnPropertyDescriptor方法可以获取该属性的描述对象. let obj = { ...

  9. JavaScript属性的获取、设置和移除还有自定义属性

    文章目录 获取属性值 设置属性值 移除属性值 H5自定义属性 自定义属性的目的是为了保存并使用数据.有些数据可以保存到页面中而不用保存到数据库中. 获取属性值 element.属性 获取属性值 ele ...

最新文章

  1. (0085)iOS开发之OC与JS交互高级用法(JavaScriptCore)
  2. Vysor:安卓手机放到电脑上用
  3. HTML+CSS做支付表单
  4. 安装配置Eclipse开发PHP环境配置
  5. 经济学与计算机学收入,考研心得,计算机专业跨考经济学复习经验谈
  6. 【Python】【Python语言】Python3.7.2的关键字与保留字
  7. 2018 Multi-University Training Contest 2: 1007. Naive Operations
  8. Navicat(连接) -1之Navicat Cloud
  9. CSS 绘制一个时钟
  10. 苹果手机软件升级密码_给iOS应用设置一个密码锁
  11. mongodb 备份 导入导出
  12. 深度学习中的激活函数及其作用
  13. 如何正确的使用国产杀毒软件
  14. 记英语单词中第一个易混淆的单词组attain achieve acquire
  15. 使用 Amazon Personalize 快速搭建推荐服务
  16. css特效实例——纯css实现带边角卷边阴影的纸
  17. 基于移动端的快递物流信息管理系统Uniapp
  18. ctf-STEGA-图穷匕见
  19. podman开机自启
  20. Opencv之多目标追踪(基于Dlib库)

热门文章

  1. 【bzoj1567】【jsoi2008】【二分+哈希】Blue Mary的战役地图
  2. mac下chrome快捷键
  3. 软考高级架构师笔记1-计算机硬件
  4. (轉貼)《杜哈亞運》林智勝制勝!中華成棒再見安打射日奪金 (News)
  5. 23.多线程(进程的概述和多进程的意义,线程的概述和多线程的意义,JVM运行原理以及JVM启动的线程探讨,实现多线程 线程调度,线程控制,Lock锁,死锁现象)
  6. 一个电子信息工程专业学生关于IC岗的第一次面试经验分享
  7. 买基金,是一次性好,还是定投好?
  8. b站《史上最全unity3D教程》一些ppt笔记1
  9. docker使用klee(安装+基本使用)
  10. 漫画:程序员老爸想五一出国游,笑死我了……