笔记之 --- JavaScript

前端开发
2018年06月26日
452

window对象

属性

  • Name:窗口的名字
  • Closed:判断窗口是否已经被关闭,返回布尔值
  • Document:包含当前文档的信息
  • Frames:窗口的框架对象数组
  • History:当前窗口浏览历史
  • Location:窗口所显示文档的完整URL
  • Length:窗口内框架个数
  • Operner:wage使用open打开当前窗口的脚本所在的窗口
  • Self:代表当前窗口
  • Top:代表当前框架最顶层的窗口
  • defaultStatus:缺省的状态栏信息
  • sataus:状态栏中的信息
  • scrollbars:浏览器的滚动条(包括水平和垂直滚动条)
  • toolbar:浏览器的工具栏
  • menubar:浏览器的菜单栏
  • loctionbar:浏览器的地址栏
  • innerHeight:窗口内容区的高度
  • innerWidth:窗口内容区的宽度
  • outerHeight:窗口边界的高度
  • outerWidth:窗口边界的宽度
  • pageXOffset:网页X-position的位置
  • pageYOffset:网页Y-position的位置

方法

  • setTimeout(表达式, 毫秒数):等待一段指定的时间,执行表达式,
  • clearTimeout(定时器对象):清除setTimeout定义的计时程序
  • setInterval(表达式,毫秒):设置一个定时程序,无限执行
  • clearInterval(定时器对象):清除setInterval定义的计时器
  • focus():将焦点移到此窗口
  • blur():将焦点从指定窗口移开
  • home():设置主页
  • stop():停止加载网页内容
  • back ():返回历史记录的上一个网页
  • forward():加载历史记录的下一具网页
  • alert():创建一个对话框
  • confirm():创建一个判断框
  • prompt(提示信息, 默认值):创建一个可输入的对话框 (不常用)

主要事件onload, onunload

创建一个新窗口

  • open(url, 窗口名称, [窗口规格]):方法可以创建一个新的窗口
  • close():关闭窗口
  • moveBy(x, y)
  • moveTo(x, y)
  • resizeBy
  • resizeTo

document对象

  • open():创建新文档
  • write()writeln():输出显示
  • close():关闭文档
  • clear():清除文档内容

location对象

代表特定窗口的URL信息,一个完整的URL格式如下: protocol//host:port/path#hash?search

Protocol: 通信协议
Host: 主机名称
Port: 通信端口
Path: 文件路径
Hash: 定位锚点
Search: 查询信息

方法

  • reload():重新加载当前网页(刷新)
  • replace(网址):跳转到新网页

history对象

属性

  • length:历史网页数目
  • current:当前网页的地址
  • next:下一个历史记录的网页地址.
  • previous:上一个历史记录的网页地址.

方法

  • back():回到上一页
  • forward():下一页
  • go()

Date对象

使用用必须先New 一个实例: mydate = New Date();

  • getFullYear():返回年数
  • getMonth():返回月数,从0开始计算,[0, 1, 2, … , 10, 11]
  • getDate():返回日数
  • getDay():返回星期数
  • getHours():返回小时数
  • getMinutes():返回分钟数
  • getSeconds():返回秒数
  • getMilliseconds():返回毫秒数

设置日期和时间

  • setYear()
  • setDate()
  • setMonth()
  • setHours()
  • setMintes()
  • setSeconds()
  • setTime()

Math对象

  • abs(): 绝对值
  • acos(): 余弦值(弧度)
  • asin(): 正弦值(弧度)
  • atan(): 正切值(弧度)
  • ceil(): 返回大于或等于指定数的最小整数
  • floor(): 与ceil相反
  • max(): 最大值
  • min(): 最小值
  • pow(): 返回m的n次方
  • random(): 返回0-1之间的随机数
  • round(): 4舍5入

Array对象

创建一个数组

js
var arr = New array(); var arr = ['a','b','c']; var arr = New array(10);

内部数组

  • anchors[]:使用<a name="anchorName">标识来建立锚点的链接
  • links[]:使用<a href="url">来定义一个超文本链接项
  • forms[]:在程序中使用多窗体时,建立该数组
  • elements[]:在一个窗口中使用多个元素时,建立该数组
  • frames[]:建立框架时,使用该数组

遍历数组

js
for (var i in arr) { console.log(arr[i]); }

String对象

常用方法

  • 创建链接:string.anchor()string.link(url)
  • 创建字符显示格式:bigsmallitalicsboldblinksupsubfontsizefontcolor
  • 字符串大小写转换:tolowercasetouppercase
  • 返回指定字符串在字符串中第一次(最后一次)出现的位置:
    indexoflastindexof
  • 字符串截取,不含end位置的字符串:substring(start,end)
  • 返回字符串中指定的字符串:charat

系统函数

  • eval(字符串表达式):返回字符串表达式中的值,例:test = eval("1 + 2 + 3 + 4 / 2 ");
  • unEscape(string):返回字符串ASCII码
  • escape(character):返回字符的编码
  • parseFloat(floustring):返回浮点数
  • parseInt(numbestring, rad.X):返回不同进制的数,其实rad.X是数的进制数

事件

  • onabort:中止正在加载的对象
  • onclick:单击事件
  • ondbclick:双击单件
  • onchange:改变对象的值
  • onselect:选择事件
  • onfocus:获取焦点
  • onblur:失去焦点
  • onload:浏览器读入文件事件
  • onunload:关闭文件事件
  • ondrogdrop:拖拽对象事件
  • onerror:加载文件或图形出错事件
  • onkeydown:按下键盘的任意键的瞬间触发事件
  • onkeypress:按下键盘的任意键时
  • onkeyup:某个键按下后弹起来的瞬间
  • onmousedown:按下鼠标左键
  • onmouseup:放开鼠标左键
  • onmousemove:移动鼠标指针
  • onmouseout:鼠标指针离开对象
  • onmouseover:鼠标指针悬念于对象
  • onmove:窗口移动时
  • onresize:窗口大小被改变
  • onsubmit:单击表单上的submit按钮
  • onreset:单击表单上的reset按钮