首页 web前端 js教程 JavaScript对象、属性、事件手册集合方便查询_基础知识

JavaScript对象、属性、事件手册集合方便查询_基础知识

May 16, 2016 pm 06:23 PM
对象 属性

windows对象
  每个HTML文档的顶层对象.
  属性
  frames[] 子桢数组.每个子桢数组按源文档中定义的顺序存放.
  feames.length 子桢个数.
  self 当前窗口.
  parent 父窗口(当前窗口是中一个子窗口).
  top 顶层窗口(是所有可见窗口的父窗口).
  status 浏览器状态窗口上的消息.
  defaultStatus 当status无效时,出现在浏览器状态窗口上的缺省消息.
  name 内部名,为由window.open()方法打开的窗口定义的名字.

windows方法
  alert("message") 显示含有给定消息的"JavaScript Alert"对话框.
  confirm("message") 显示含有给定消息的"Confirm"对话框(有一个OK按钮和一个Cancel按钮).如果用户单击OK返回true,否则返回false.
  prompt("message") 显示一个"prompt"对话框,要求用户根据显示消息给予相应输入.
  open("URL","name") 打开一个新窗口,给予一个指定的名字.
  close() 关闭当前窗口.

frame对象
  它是整个浏览器窗口的子窗口,除了status,defaultStatus,name属性外,它拥有window对象的全部属性.
  location对象
  含有当前URL的信息.
  属性
  href 整个URL字符串.
  protocol 含有URL第一部分的字符串,如http:
  host 包含有URL中主机名:端口号部分的字符串.如//www.shimianren.com/ask/
  hostname 包含URL中主机名的字符串.如http://www.shimianren.com
  port 包含URL中可能存在的端口号字符串.
  pathname URL中"/"以后的部分.如~list/index.htm
  hash "#"号(CGI参数)之后的字符串.
  search "?"号(CGI参数)之后的字符串.

document对象
  含有当前文档信息的对象.
  属性
  title 当前文档标题,如果未定义,则包含"Untitled".
  location 文档的全URL.
  lastModified 含有文档最后修改日期.
  referrer 调用者URL,即用户是从哪个URL链接到当前页面的.
  bgColor 背景色(#xxxxxx)
  fgColor 前景文本颜色.
  linkColor 超链接颜色.
  vlinkColor 访问过的超链颜色.
  alinkColor 激活链颜色(鼠标按住未放时).
  forms[] 文档中form对象的数组,按定义次序存储.
  forms.length 文档中的form对象数目.
  links[] 与文档中所有HREF链对应的数组对象,按次序定义存储.
  links.length 文档中HREF链的数目.
  anchors[] 锚(...)数组,按次序定义存储.
  anchors.length 文档中锚的数目.

方法
  write("string") 将字符串突出给当前窗口.(字符串可以含有HTML标记)
  writeln("string") 与write()类似,在结尾追加回车符,只在预定格式文本中(

...
登录后复制
...)生效.
  clear() 清当前窗口.
  close() 关闭当前窗口.

form对象
  属性
  name
  中的NAME属性的字符串值.
  method 中METHOD属性的类值,"0"="GET" ,"1"="POST" .
  action 中ACTION属性的字符串值.
  target 表格数据提交的目标,与标记中相应属性一致.
  elements[index] elements属性包含form中的各个元素.
  length 表格中的元素个数.

方法
  submit() 提交表格.
  事件处理器onSubmit() 用户单击一个定义好的按钮提交form时运行的代码.

text和textarea对象
  属性
  name NAME属性的字符串值.
  value 域内容的字符串值.
  defaultValue 域内容的初始字符串值.

方法
  focus() 设置对象输入焦点.
  blur() 从对象上移走输入焦点.
  select() 选定对象的输入区域.

事件处理器
  onFocus 当输入焦点进入时执行.
  onBlur 当域失去焦点时执行.
  onSelect 当域中有部分文本被选定时执行.
  onChange 当域失去焦点且域值相对于onFocus执行有所改变时执行.

复选框(checkbox)对象
  属性
  name NAME属性的字符串值.
  value 复选框内容的字符串值.如果设置了,则为"on",否则为"off".
  checked 复选框内容的布尔值.如果设置了,则为true,否则为false .
  defaultChecked 反映(CHECKED)属性的布尔值(缺省状态).

方法
  click() 选定复选框,并使之状态为"on".

事件处理器
  onClick 当用户单击Checkbox时执行.

单选按钮(radio)对象
  属性
  name NAME属性的字符串值.
  length radio对象中单选按钮的个数.
  value VALUE属性的字符串值.
  checked 布尔值,按下为true,否则为false .
  defaultChecked 反映CHECKED属性值的布尔值.

方法
  click() 选定单选按钮.

事件处理器
  onClick 当单选按钮被选定时执行.

select对象
  属性
  length select对象中对象的个数.
  name 由NAME=属性定义的select对象的内部名.
  selectedIndex select对象中当前被选option的下标.
  options 该属性对应于在HTML中定义select对象时标记中的内容,它有如下属性:
  text 标记后的文本串.
  value VALUE属性的值,当Submit按钮被按下时,该值被提交.
  defaultSelected 反映标记的SELECTED属性的布尔值.
  selected 反映option的当前选择状态的布尔值.

事件处理器
  onFocus 当输入焦点进入域时执行.
  onBlur 当域失去输入焦点时执行.
  onChange 当域失去焦点且如果域的值相对于onFocus执行时有所改变,则执行onChange.

Button对象
  表格中有三种类型按钮,由标记中的TYPE属性定义:
  .submit (type="SUBMIT")
  .reset (type="RESET")
  .custom (type="BUTTON")
  所有按钮对象都有如下成分:
  属性
  value VALUE属性的字符串值.
  name NAME属性的字符串值.

方法
  click() 选定按钮

事件处理器
  onClick 当按钮被单击时执行.

submit和reset对象
  属性
  value VALUE=属性的内容.
  name NAME=属性的内容.

方法
  click() 选定按钮

事件处理器
  onClick 当按钮被单击时执行.

password对象
  属性
  defaultValue VALUE=属性的内容.
  name NAME=属性的内容.
  value 目前输入password域的数据.

方法
  focus() 将焦点带入password域.
  blur 将焦点从password域移出.
  select() 选定password域中的当前数据,以备修改.

navigator对象
  该对象用于确定用户访问时使用的Navigator版本.
  属性
  appCodeName 相对于用户浏览器的"codename"
  appName 相对于用户浏览器的实际名字.
  appVersion 相对于用户浏览器的版本号.
  userAgent 该属性反映用户浏览器的全部信息.

history对象
      history.go(-1),返回上一页

string对象
  string对象为操作字符串的内容提供了很多方法.
  属性
  length 字符串的长度,即字符串中字符的个数.

方法
  big(),blink(),bold(),fixed(),italics(),small(),sub(),strike(),sup(),fontColor(color),fontSize(size)
  以上方法为字符串增加相应的HTML标记.
  charAt(index) 返回字符串中index处的字符.
  indexOf(searchValue,[fromIndex]) 该方法在字符串中寻找第一次出现的searchValue.如果给定了fromIndex,则从
  字符串内该位置开始搜索,当searchValue找到后,返回该串第一个字符的位置.
  lastIndexOf(searchValue,[fromIndex]) 从字符串的尾部向前搜索searchValue,并报告找到的第一个实例.
  substring(indexA,indexB) 获取自indexA到indexB的子串.
  toLowerCase(),toUpperCase() 将字符串中所有字符全部转换成大写,小写.

Date对象
  要使用Date对象,必须先生成一个Date实例:
  变量名=new Date();
  方法
  getDay(),getDate(),getHours(),getMinutes(),getMonth(),getSeconds(),getTime(),
  getTimeZoneOffset(),getYear()
  还有setDay... ...
  toGMTString() 用GMT格式返回当前时间. (Sun,12 Feb 1999 14:19:22 GMT)
  toLocaleString 用locale格式返回当前时间. (03/11/99 14:19:22)
  parse(date) 将普通date字符串转换成豪秒形式,从而给setTime()做参数.

Math对象
  属性
  LN10 (10的自然对数)
  PI (3.1415926...)
  SQRT1_2 (1/2的平方根)
  方法
  abs(x) 返回x的绝对值
  acos(x) 返回x的arc cosine值
  asin(x) 返回x的arc sin值
  atan(x) 返回x的arc tangent值
  ceil(x) 返回大于等于x的最小整数
  cos(x) 返回x的cosine值
  exp(x) 返回e的x次方
  floor(x) 返回小于等于x的最大整数
  log(x) 返回x的
  max(x,y) 返回x,y中的大值
  min(x,y) 返回x,y中的小值
  pow(x,y) 返回x的y次方
  round(x) 舍入到最近整数,(小于或等于0.5小数舍去)
  sin(x) 返回x的sin值
  sqrt(x) 返回x的平方根
  tan(x) 返回x的tangent值

 

javascript事件查询综合
click()    对象.click()    使对象被点击。
closed    对象.closed    对象窗口是否已关闭true/false
clearTimeout(对象) 清除已设置的setTimeout对象
clearInterval(对象) 清除已设置的setInterval对象
confirm("提示信息") 弹出确认框,确定返回true取消返回false
cursor:样式   更改鼠标样式 hand crosshair text wait help default auto e/s/w/n-resize

event.clientX   返回最后一次点击鼠标X坐标值;
event.clientY   返回最后一次点击鼠标Y坐标值;
event.offsetX   返回当前鼠标悬停X坐标值
event.offsetY   返回当前鼠标悬停Y坐标值

document.write(document.lastModified)   网页最后一次更新时间
document.ondblclick=x   当双击鼠标产生事件
document.onmousedown=x   单击鼠标键产生事件

document.body.scrollTop; 返回和设置当前竖向滚动条的坐标值,须与函数配合,
document.body.scrollLeft; 返回和设置当前横向滚动务的坐标值,须与函数配合,
document.title   document.title="message"; 当前窗口的标题栏文字
document.bgcolor document.bgcolor="颜色值"; 改变窗口背景颜色
document.Fgcolor document.Fgcolor="颜色值"; 改变正文颜色
document.linkcolor document.linkcolor="颜色值"; 改变超联接颜色
document.alinkcolor document.alinkcolor="颜色值"; 改变正点击联接的颜色
document.VlinkColor document.VlinkColor="颜色值"; 改变已访问联接的颜色
document.forms.length 返回当前页form表单数
document.anchors.length 返回当前页锚的数量
document.links.length 返回当前页联接的数量
document.onmousedown=x 单击鼠标触发事件
document.ondblclick=x 双击鼠标触发事件
defaultStatus   window.status=defaultStatus; 将状态栏设置默认显示

function   function xx(){...}   定义函数
isNumeric                判断是否是数字
innerHTML   xx=对象.innerHTML   输入某对象标签中的html源代码
innerText   divid.innerText=xx   将以div定位以id命名的对象值设为XX

location.reload(); 使本页刷新,target可等于一个刷新的网页

Math.random()            随机涵数,只能是0到1之间的数,如果要得到其它数,可以为*10,再取整
Math.floor(number) 将对象number转为整数,舍取所有小数
Math.min(1,2)   返回1,2哪个小
Math.max(1,2)   返回1,2哪个大

navigator.appName 返回当前浏览器名称
navigator.appVersion 返回当前浏览器版本号
navigator.appCodeName 返回当前浏览器代码名字
navigator.userAgent 返回当前浏览器用户代标志

onsubmit   onsubmit="return(xx())"   使用函数返回值
opener    opener.document.对象   控制原打开窗体对象

prompt    xx=window.prompt("提示信息","预定值"); 输入语句
parent    parent.框架名.对象 控制框架页面

return   return false    返回值
random    随机参数(0至1之间)
reset()    form.reset();    使form表单内的数据重置

split("")   string.split("")   将string对象字符以逗号隔开
submit()   form对象.submit()   使form对象提交数据

String对象的   charAt(x)对象 反回指定对象的第多少位的字母
        lastIndexOf("string") 从右到左询找指定字符,没有返回-1
        indexOf("string") 从左到右询找指定字符,没有返回-1
        LowerCase()   将对象全部转为小写
        UpperCase()   将对象全部转为大写
substring(0,5)   string.substring(x,x)   返回对象中从0到5的字符
setTimeout("function",time) 设置一个超时对象
setInterval("function",time) 设置一个超时对象

toLocaleString() x.toLocaleString()   从x时间对象中获取时间,以字符串型式存在
typeof(变量名)    检查变量的类型,值有:String,Boolean,Object,Function,Underfined

window.event.button==1/2/3 鼠标键左键等于1右键等于2两个键一起按为3
window.screen.availWidth 返回当前屏幕宽度(空白空间)
window.screen.availHeight 返回当前屏幕高度(空白空间)
window.screen.width   返回当前屏幕宽度(分辨率值)
window.screen.height   返回当前屏幕高度(分辨率值)
window.document.body.offsetHeight; 返回当前网页高度
window.document.body.offsetWidth; 返回当前网页宽度
window.resizeTo(0,0)   将窗口设置宽高
window.moveTo(0,0)   将窗口移到某位置
window.focus()   使当前窗口获得焦点
window.scroll(x,y) 窗口滚动条坐标,y控制上下移动,须与函数配合
window.open()   window.open("地址","名称","属性")
属性:toolbar(工具栏),location(地址栏),directions,status(状态栏),menubar(菜单栏),scrollbar(滚动条),resizable(改变大小),   width(宽),height),fullscreen(全屏),scrollbars(全屏时无滚动条无参 数,channelmode(宽屏),left(打开窗口x坐标),top(打开窗口y坐标)

window.location = 'view-source:' + window.location.href   应用事件查看网页源代码;


a=new Date();  //创建a为一个新的时期对象
y=a.getYear(); //y的值为从对象a中获取年份值 两位数年份
y1=a.getFullYear(); //获取全年份数 四位数年份
m=a.getMonth();  //获取月份值
d=a.getDate();  //获取日期值
d1=a.getDay();  //获取当前星期值
h=a.getHours();  //获取当前小时数
m1=a.getMinutes(); //获取当前分钟数
s=a.getSeconds(); //获取当前秒钟数


对象.style.fontSize="文字大小";
单位:mm/cm/in英寸/pc帕/pt点/px象素/em文字高
1in=1.25cm
1pc=12pt
1pt=1.2px(800*600分辩率下)

文本字体属性:
fontSize大小
family字体
color颜色
fontStyle风格,取值为normal一般,italic斜体,oblique斜体且加粗
fontWeight加粗,取值为100到900不等,900最粗,light,normal,bold
letterSpacing间距,更改文字间距离,取值为,1pt,10px,1cm
textDecoration:文字修饰;取值,none不修饰,underline下划线,overline上划线
background:文字背景颜色,
backgroundImage:背景图片,取值为图片的插入路径


点击网页正文函数调用触发器:

1.onClick 当对象被点击
2.onLoad 当网页打开,只能书写在body中
3.onUnload 当网页关闭或离开时,只能书写在body中
4.onmouseover 当鼠标悬于其上时
5.onmouseout 当鼠标离开对象时
6.onmouseup 当鼠标松开
7.onmousedown 当鼠标按下键
8.onFocus 当对象获取焦点时
9.onSelect 当对象的文本被选中时
10.onChange 当对象的内容被改变
11.onBlur 当对象失去焦点
onsubmit=return(ss())表单调用时返回的值

直线           border-bottom:1x solid black
虚线           border-bottom:1x dotted black
点划线         border-bottom:2x dashed black
双线           border-bottom:5x double black
槽状           border-bottom:1x groove black
脊状           border-bottom:1x ridge black


1.边缘高光glow(color=颜色,strength=亮光大小)

2.水平翻转fliph() 使对象水平翻转180度

3.垂直翻转flipv() 使对象垂直翻转180度

4.对象模糊blur(add=true/false direction=方向 strength=强度)
add指定是否按印象画派进行模糊direction模糊方向strength模糊强度
5.对象透明alpha(opaction=0-100,finishopacity=0-100,style=0/1/2/3)
opaction对象整体不透明值finishopacity当对象利用了渐透明时该项指定结束透明位置的不透明值style指定透明方式0为整体透明,1为线型透明,2为圆型透明,3为矩形透明
6.去除颜色chroma(color=颜色值)使对象中颜色与指定颜色相同区域透明
7.建立阴影dropshadow(color=阴影颜色,offx=水平向左偏离像素,offy=水平向下偏离像素)
8.去色gray()使对象呈灰度显示
9.负片效果invert()使对象呈底片效果
10.高光light()使对象呈黑色显示
11.遮盖mask(color=颜色)使整个对象以指定颜色进行蒙板一次

opacity 表透明度水平.0~100,0表全透明,100表完全不透明
finishopacity表想要设置的渐变透明效果.0~100.
style 表透明区的形状.0表统一形状.1表线形.2表放射形.3表长方形.
startx.starty表渐变透明效果的开始时X和Y坐标.
finishx,finishy渐变透明效果结束时x,y 的坐标.
add有来确定是否在模糊效果中使有原有目标.值为0,1.0表"否",1表"是".
direction设置模糊的方向.0度表垂直向上,45度为一个单位.默认值是向左270度.left,right,down,up.
strength 只能用整数来确定.代表有多少个像素的宽度将受到模糊影响.默认是5个.
color要透明的颜色.
offx,offy分别是x,y 方向阴影的偏移量.
positive指投影方式.0表透明像素生成阴影.1表只给出不透明像素生成阴影..

AddAmbient:加入包围的光源.
AddCone:加入锥形光源.
AddPoint加入点光源
Changcolor:改变光的颜色.
Changstrength:改变光源的强度.
Clear:清除所有的光源.
MoveLight:移动光源.

freq是波纹的频率,在指定在对象上一区需要产生多少个完事的波纹.
lightstrength可对于波纹增强光影的效果.显著0~100正整数,正弦波开始位置是0~360度.0表从0度开始,25表从90度开始.
strength表振幅大小.


hand                           style="cursor:hand"
crosshair                      style="cursor:crosshair"
text                           style="cursor:text"
wait                           style="cursor:wait"
default                        style="cursor:default"                   
help                           style="cursor:help"
e-resize                       style="cursor:e-resize"
ne-resize                      style="cursor:ne-resize"
n-resize                       style="cursor:n-resize"
nw-resize                      style="cursor:nw-resize"
w-resize                       style="cursor:w-resize"
s-resize                       style="cursor:s-resize"
sw-resize                      style="cursor:sw-resize "
se-resize                      style="cursor:se-resize"
auto                           style="cursor:auto"

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

<🎜>:泡泡胶模拟器无穷大 - 如何获取和使用皇家钥匙
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系统,解释
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆树的耳语 - 如何解锁抓钩
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

热门话题

Java教程
1671
14
CakePHP 教程
1428
52
Laravel 教程
1331
25
PHP教程
1276
29
C# 教程
1256
24
使用PHP的json_encode()函数将数组或对象转换为JSON字符串 使用PHP的json_encode()函数将数组或对象转换为JSON字符串 Nov 03, 2023 pm 03:30 PM

JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式,已经成为Web应用程序之间数据交换的常用格式。PHP的json_encode()函数可以将数组或对象转换为JSON字符串。本文将介绍如何使用PHP的json_encode()函数,包括语法、参数、返回值以及具体的示例。语法json_encode()函数的语法如下:st

Python的dir()函数:查看对象的属性和方法 Python的dir()函数:查看对象的属性和方法 Nov 18, 2023 pm 01:45 PM

Python的dir()函数:查看对象的属性和方法,需要具体代码示例摘要:Python是一种强大而灵活的编程语言,其内置函数和工具为开发人员提供了许多方便的功能。其中一个非常有用的函数是dir()函数,它允许我们查看一个对象的属性和方法。本文将介绍dir()函数的用法,并通过具体的代码示例来演示其功能和用途。正文:Python的dir()函数是一个内置函数,

如何将 MySQL 查询结果数组转换为对象? 如何将 MySQL 查询结果数组转换为对象? Apr 29, 2024 pm 01:09 PM

将MySQL查询结果数组转换为对象的方法如下:创建一个空对象数组。循环结果数组并为每一行创建一个新的对象。使用foreach循环将每一行的键值对赋给新对象的相应属性。将新对象添加到对象数组中。关闭数据库连接。

PHP 函数如何返回对象? PHP 函数如何返回对象? Apr 10, 2024 pm 03:18 PM

PHP函数可以通过使用return语句后跟对象实例来返回对象,从而将数据封装到自定义结构中。语法:functionget_object():object{}。这允许创建具有自定义属性和方法的对象,并以对象的形式处理数据。

C++ 函数返回对象时有什么需要注意的? C++ 函数返回对象时有什么需要注意的? Apr 19, 2024 pm 12:15 PM

在C++中,函数返回对象需要注意三点:对象的生命周期由调用者负责管理,以防止内存泄漏。避免悬垂指针,通过动态分配内存或返回对象本身来确保对象在函数返回后仍然有效。编译器可能会优化返回对象的副本生成,以提高性能,但如果对象是值语义传递的,则无需副本生成。

炉石传说绝望线缕属性介绍 炉石传说绝望线缕属性介绍 Mar 20, 2024 pm 10:36 PM

绝望线缕是暴雪娱乐旗下佳作《炉石传说》中的一张稀有卡牌,在“威兹班的工坊”卡包中有机会获得。可消耗100/400点奥术之尘合成普通/金色版本。炉石传说绝望线缕属性介绍答:在威兹班的工坊卡包中有几率获得,也也可以通过奥术之尘合成。稀有度:稀有类型:法术职业:死亡骑士法力值:1效果:使所有随从获得亡语:对所有随从造成1点伤害

CSS中bottom属性语法 CSS中bottom属性语法 Feb 21, 2024 pm 03:30 PM

CSS中bottom属性语法及代码示例在CSS中,bottom属性用于指定一个元素与容器底部之间的距离。它可以控制一个元素相对于其父元素底部的位置。bottom属性的语法如下:element{bottom:value;}其中,element表示要应用该样式的元素,value表示要设置的bottom值。value可以是一个具体的长度值,比如像素

分析Java中堆和栈的不同以及它们的应用情景 分析Java中堆和栈的不同以及它们的应用情景 Feb 24, 2024 pm 11:12 PM

Java堆和栈的区别及应用场景解析,需要具体代码示例在Java程序中,堆和栈是两个常用的数据结构,它们在内存中承担不同的角色和功能。了解堆和栈的区别对于编写高效的Java程序至关重要。首先,我们来看一下Java堆。堆是一个用来存储对象的区域,所有在程序中被创建的对象都被存储在堆中。堆是在程序运行时动态分配和释放内存的地方,它不受任何限制,并且可以根据需要自动

See all articles