javascript属性
一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属性相关推荐
- 从 JavaScript 属性描述器剖析 Vue.js 响应式视图
学习每一门语言,一般都是从其数据结构开始,JavaScript也是一样,而JavaScript的数据结构中对象(Object)是最基础也是使用最频繁的概念和语法,坊间有言,JavaScript中,一切 ...
- 谷歌浏览器不支持javascript 属性对象获取问题
谷歌浏览器 JavaScript 属性对象获取问题 首先陈述一下我遇到的问题 我在img标签里面添加自定义属性fileName <img fileName="0_0.png" ...
- 从JavaScript属性描述器剖析Vue.js响应式视图
学习每一门语言,一般都是从其数据结构开始,JavaScript也是一样,而JavaScript的数据结构中对象(Object)是最基础也是使用最频繁的概念和语法,坊间有言,JavaScript中,一切 ...
- JavaScript属性操作
本篇文章主要是介绍JavaScript 对HTML 属性的读写操作方法... JS 属性读操作 js 读取html的属性是通过 . 来操作的,具体语法如下 元素.属性名 问题1: 如何获取input标 ...
- javascript --- 属性描述符
从ES5开始,所有的属性都具备了属性描述符 var myObject = {a: 2 };Object.getOwnPropertyDescriptor(myObject, "a" ...
- JavaScript属性操作 1
更多内容点击查看:http://weber.pub/ 本篇文章主要是介绍JavaScript 对HTML 属性的读写操作方法... JS 属性读操作 js 读取html的属性是通过 . 来操作的,具体 ...
- Javascript属性:addEvent()用法浅析
做 web 应用的人,经常会用到 Javascript 来处理页面上的一些事情.表单验证我们不谈,在根据用户使用情况,显示/隐藏,或者执行一段 js function,的时候,我们需要和页面的 DOM ...
- es6 javascript属性的可枚举性
对象的每个属性都有一个描述对象( Descriptor ),用来控制该属性的行为.Object.getOwnPropertyDescriptor方法可以获取该属性的描述对象. let obj = { ...
- JavaScript属性的获取、设置和移除还有自定义属性
文章目录 获取属性值 设置属性值 移除属性值 H5自定义属性 自定义属性的目的是为了保存并使用数据.有些数据可以保存到页面中而不用保存到数据库中. 获取属性值 element.属性 获取属性值 ele ...
最新文章
- (0085)iOS开发之OC与JS交互高级用法(JavaScriptCore)
- Vysor:安卓手机放到电脑上用
- HTML+CSS做支付表单
- 安装配置Eclipse开发PHP环境配置
- 经济学与计算机学收入,考研心得,计算机专业跨考经济学复习经验谈
- 【Python】【Python语言】Python3.7.2的关键字与保留字
- 2018 Multi-University Training Contest 2: 1007. Naive Operations
- Navicat(连接) -1之Navicat Cloud
- CSS 绘制一个时钟
- 苹果手机软件升级密码_给iOS应用设置一个密码锁
- mongodb 备份 导入导出
- 深度学习中的激活函数及其作用
- 如何正确的使用国产杀毒软件
- 记英语单词中第一个易混淆的单词组attain achieve acquire
- 使用 Amazon Personalize 快速搭建推荐服务
- css特效实例——纯css实现带边角卷边阴影的纸
- 基于移动端的快递物流信息管理系统Uniapp
- ctf-STEGA-图穷匕见
- podman开机自启
- Opencv之多目标追踪(基于Dlib库)
热门文章
- 【bzoj1567】【jsoi2008】【二分+哈希】Blue Mary的战役地图
- mac下chrome快捷键
- 软考高级架构师笔记1-计算机硬件
- (轉貼)《杜哈亞運》林智勝制勝!中華成棒再見安打射日奪金 (News)
- 23.多线程(进程的概述和多进程的意义,线程的概述和多线程的意义,JVM运行原理以及JVM启动的线程探讨,实现多线程 线程调度,线程控制,Lock锁,死锁现象)
- 一个电子信息工程专业学生关于IC岗的第一次面试经验分享
- 买基金,是一次性好,还是定投好?
- b站《史上最全unity3D教程》一些ppt笔记1
- docker使用klee(安装+基本使用)
- 漫画:程序员老爸想五一出国游,笑死我了……