• JS方法总结


    js数据类型:(typeof得到变量的数据类型)

    String 字符串、

    Number 数字
    Boolean 布尔、
    Array 数组、
    Object 对象、
    Null 空、
    Undefined未定义

    js数据转换:
    parseInt(); 转数字
    parseFloat(); 转小数
    toString(); 转字符串


    js事件:
    onchange HTML 元素改变
    onclick 用户点击 HTML 元素
    onmouseover 用户在一个HTML元素上移动鼠标
    onmouseout 用户从一个HTML元素上移开鼠标
    onkeydown 用户按下键盘按键
    onload 浏览器已完成页面的加载

    *event(IE,火狐不行),处理兼容 //var event=ev||event;这里的ev就是事件处理对象中的参数
    .clientX 得到可视区X轴坐标
    .clientY 得到可视区y轴坐标
    .keyCode 键盘值
    冒泡事件 event.cancelBubble=true;

    js操作css样式:
    var box = document.getElementById("box"); //获取节点
    box.style.display="none"; //操作css样式 通过.style添加的样式和取样式都是行间样式。
    如果给元素添加clss属性,则:box.className="cssName";
    通过className来添加css属性是样式表中的或者同文件的style中的。
    (对于同一个元素,如果操作css样式时,由于样式的优先级问题,尽量操作一种 style/className)
    offsetLeft:得到元素的左边距
    offsetTop:得到元素的右边距
    offsetWhdth:得到元素的宽度
    offsetHeight:得到元素的高度

    js文本操作:
    innerHTML
    在写入时,如果写入的内容中包含html代码,会自动进行编译,显示出效果
    在取值时,只会得到内容,不会得到标签和innerTEXT相同
    innerTEXT
    在写入时,如果写入的内容中包含html代码,不会自动进行编译,连同标签一起显示
    在取值时,只会得到内容,不会得到标签,和innerHTML相同

    js中布尔值的真假:
    true: true、非零数字、非空字符串、非空对象
    false: false、数字0、空字符串、undefined

    js中arguments:当不知道传参个数的情况下,我们通过arguments得到传过来的参数

    js数组操作:
    push 尾部追加
    pop 尾部删除
    shift 头部删除
    unshift 头部增加
    splice(起点,长度) 删除元素(从哪里开始删,删除多少个)
    splice(起点,长度,插入的元素) 插入元素(从哪里开始删,需要删除就填个数,0代表不删除只增加,插入的元素)
    concat 数组连接
    join 数组拼接
    sort 数组排序

    js日期操作
    var dates = new Date(); //创建时间对象
    var year = dates.getFullYear(); //得到年
    var month = db(dates.getMonth()+1); //得到月
    var day = db(dates.getDate()); //得到日
    var hour = db(dates.getHours()); //得到时
    var min = db(dates.getMinutes()); //得到分
    var seconds = db(dates.getSeconds()); //得到秒
    var week = weeks(dates.getDay()); //得到星期
    setDate 表示一个月中的一天的一个数值
    setDate(dates.getDate()+x); 得到x天后的日期

    js时间控制
    setInterval(函数,时间); //每隔多长时间执行一次函数
    setTimeout(函数,时间); //隔多长时间执行一次后结束
    clearInterval //清除定时器
    clearTimeout //清除时间设定

    js获取元素的宽度、高度、左边距、上边距
    offsetParent 方法返回或设置匹配元素父级的所有html和css、js
    offsetLeft 得到元素的左偏移量,不含padding-left
    offsetTop 得到元素的左偏移量,不含padding-top
    offsetWidth 得到元素的宽
    offsetHeight 得到元素的高
    scrollTop 可视区离页面顶部的长度

    js中Dome节点
    nodeType 得到元素的节点类型,nodeType = 1 代表标签节点nodeType = 3代表文本节点
    childNodes 得到元素子节点
    children 得到元素子节点,只包括标签节点不包括文本节点
    parentNode 得到元素父节点
    offsetParent根据不同找到元素父节点,position就是一个不同之处
    firstChild、lastChild 元素首个子节点、最后一个子节点(IE6-IE8)
    firstElementChuld、lastElementChuld 元素首个子节点(其它高级浏览器)

    js中dome节点操作
    getAttribute(名称) 获取
    setAttribute(名称,值) 设置
    removeAttribute(名称) 删除
    createElement(标签名) 创建dome节点
    appendchild() 在父节点上尾部添加子节点
    insertBefor(创建的元素,在哪里插入) 在父节点上头部添加子节点
    removechild() 在父节点里删除子节点

    js中表格
    tBodies[0] 得到第一个table,是document.getElementByTagName("table")的缩写
    rows[0] 得到table里面的tr,是document.getElementByTagName("tr")的缩写
    cells[0] 得到tr里面的td,是document.getElementByTagName("td")的缩写

    js中大小写转换
    toUpperCase() 返回一个字符串,该字符串中的所有字母都被转化为大写字母
    toLowerCase() 返回一个字符串,该字符串中的字母被转换为小写字母

    js查询
    seacher() 检索要查询的内容,如果无则为-1,有会得到所在的字符数,可以用于模糊查询

    js表单事件
    .onsubmit() 表单提交事件(提交时验证)
    .onreset() 表单重置
    onblur 失焦验证

    js中数学函数(Math)
    Math.ceil 向上取整
    Math.floor 向下取整
    Math.round 四舍五入

    js阻止默认行为
    oncontextmenu 右键菜单事件 return false;阻止右击菜单行为

    js事件绑定
    *attachEvent(事件类型onclick,函数) 绑定事件(同一个元素可以绑定多个函数)谷歌、火狐不兼容
    detachEvent(事件类型,函数) 解除绑定
    attachEvent兼容处理:
    addEventListener(事件类型click,函数,false)
    removeEventListener(事件名称,函数,false)
    js事件捕获(IE)
    setCapture() 捕获事件
    releaseCapture() 清楚捕获事件

    js中ajax
    1.创建Ajax对象 var oAjax = new XMLHttpRequest(); IE6下 new ActiveXobject("Microsoft.XMLHTTP");
    2.连接到服务器 //连接服务器 请求方式 请求地址 是否异步
    oAjax.open('GET','text/a.txt',true);
    3.发送请求 oAjax.send();
    4.接收返回值
    4.1 oAjax.readyState 浏览器与服务器交互情况 返回状态码
    0 还没有调用open()方法
    1 已调用send()方法,正在发送请求
    2 send()方法完成,已收到全部响应内容
    3 正在解析响应内容
    4 响应内容解析完成,可以在客户端调用

    js面向对象
    prototype 原型:给一组元素添加东西
    B继承A的属性:A.call(this);
    B继承A的方法:B.prototype = A.prototype;

    js中BOM
    window.open("xxx"); 新打开页面的地址
    window.open("xxx",'_blank'); 新打开页面的地址,新窗口打开
    window.close(); 关闭页面,在火狐中不能关闭非脚本语言打开的窗口
    window.navigator.userAgent 当前浏览器类型及版本信息
    window.location 当前页面地址
    window.location = 'xxx' 打开窗口
    window.onscroll 当页面滚动时触发
    window.onresize 当页面大小改变时触发

    js中Cookie
    特性: 1个域名只能共享同一套cookie
    数量、大小有限
    过期时间
    储存用法: document.cookie="key=value"; 普通保存
    document.cookie="key=value;expires="+date; 有效期内保存
    读取用法: var arr = document.cookie.split(';'); //得到cookie数组
    for(var i=0;i<arr.length;i++){
    var arr2 = arr[i].split('=');
    if(arr2[i] == "xxx"){ //当key是我们要的时,value=i+1;
    return arr2[i+1]; //
    }
    }
    return ''; //当刚进去没登录的时候返回空
    删除cookie:设置过期时间为负数

  • 相关阅读:
    扫描FTP,保存文件
    读取本地配置文件
    Infinity 与 NAN
    static final int DEFAULT_INITIAL_CAPACITY = 1 << 4; // aka 16
    svn检出项目,Project *** is already imported into workspace
    [编写高质量代码:改善java程序的151个建议]建议69 列表相等只需关心元素相等
    [编写高质量代码:改善java程序的151个建议]建议68 频繁插入和删除时使用LinkedList
    [编写高质量代码:改善java程序的151个建议]建议67 不同的列表选择不同的遍历方法
    [编写高质量代码:改善java程序的151个建议]建议66 asList方法产生的List对象不可更改
    点滴记录--批量添加数据(千万级)方法
  • 原文地址:https://www.cnblogs.com/sunsanfeng/p/js.html
Copyright © 2020-2023  润新知