JS(下)

2017-07-13  本文已影响0人  YaoHoney

1.获取非表单元素内容:innerHTML

2.ajax全称:Asynchronous Javascript And XML

3.ajax是异步无刷新请求数据

4.二叉数算法:如图


二叉数算法.jpg

5.什么线性结构?

简单的说,在一个线性段,有前区和后区,如果中间不在的话,那么前后都会知道,就比如有很多人排队,中间第二个人如果不在,第一个和他后面的人都知道,那么就确定他不在了,但是第一个人就只有第一个,最后一个也只有最后一个。
那么JS就是单线程的,浏览器是多进程的。

6.promise是异步的同步操作

7.JS中UTF-8编码问题

 function escape($str) {
      preg_match_all("/[\x80-\xff].|[\x01-\x7f]+/", $str, $r);
      $ar = $r[0];
      foreach($ar as $k => $v) {
            if(ord($v[0]) < 128)
            $ar[$k] = rawurlencode($v);
            else
            $ar[$k] = "%u".bin2hex(iconv("UTF-8", "UCS-2", $v));
     }
     return join("", $ar);
}

8.事件

onabort 图像加载被中断
onblur 元素失去焦点
onchange 用户改变域的内容
onclick 鼠标点击某个对象
ondblclick 鼠标双击某个对象
onerror 当加载文档或图像时发生某个错误
onfocus 元素获得焦点
onkeydown 某个键盘的键被按下
onkeypress 某个键盘的键被按下或按住
onkeyup 鼠标抬起
onload 某个页面或图像被完成加载
onmousedown 鼠标按下
onmousemove 鼠标移动
onmouseout 鼠标移出
onmouseover 鼠标被移到某元素之上 (支持冒泡)
onmouseenter 鼠标移入(默认不支持冒泡)
onmouseleave 鼠标离开
onmouseup 某个鼠标按键被松开
onreset 重置按钮被点击
onresize 窗口或框架被调整尺寸
onselect 文本被选定
onsubmit 提交按钮被点击
onunload 用户退出页面
oncontextmenue 点击右键

9.js中的键盘码keycode

event.keyCode:获得按键的code值
空格:32 回车:13 左上右下:37 38 39 40

10.阻止默认事件:

e.preventDefault()
e.returnValue = false
return false 阻止on

11.阻止事件冒泡:

event.stopPropagation()
event.cancelBubble()

12.事件委托

JS:target(事件源)
Element
JQ:on()
bind()
delegate()
live()

13.判断目标名:tagName

14.事件捕获:

当你使用事件捕获时,父级元素先触发,子级元素后触发。通俗的讲,浏览器里写的东西,在外边点击也会先执行里面的

15.滚轮事件

onmousewheel
DOMMouseScroll
判断滚轮方向:detail与wheelDelta 正数表示为向上,负数表示向下。
滚动的距离:
scrollHeight:获取对象的滚动高度
scrollWidth:获取对象的滚动宽度
screllLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中科健内容的最顶端之间的距离

16.添加事件监听

addEventListener(“事件名”,执行函数名,bool值);

17.移除事件监听

removeEventListener(“事件名”,执行函数名,bool值);
不能移除匿名添加的函数

  1. event.clientX、event.clientY:鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。
  1. event.offsetX、event.offsetY:鼠标相对于事件源元素(触发事件的元素)的X,Y坐标,只有IE事件有这2个属性,标准事件没有对应的属性。
  1. event.screenX、event.screenY:鼠标相对于用户显示器屏幕左上角的X,Y坐标。标准事件和IE事件都定义了这2个属性

21.获取子节点:childNotes

22.检查文本、标签节点:NodeType

23.查节点:document.getElementById()

24.节点的属性

nodeName:指定节点的节点名称
nodeValue:设置或返回制定节点的节点值
nodeType:检查是什么节点

25.克隆:clone()

26.添加

父子包含关系:

append:在元素中的最后一个添加 a.append(b)
appendTo:子在前,父在后,也是氟元素中的最后一个添加 b.appendTo(a)
prepend a.prepend(b) 把b添加到a的开始
prependTo:在父元素中的最前面添加

同辈关系:

after:在指定的同级的后面添加 a.after(b) 把b添加到a的后面
insertAfter b.insertAfter(a)
before: a.before(b) 把b添加到a的前面
insertBefore:在指定的同级的前面添加 b.insertBefore(a)

上一篇下一篇

猜你喜欢

热点阅读