zoukankan      html  css  js  c++  java
  • js的复习

    一、三个对话框
    1、alert("")警告对话框
    2、confirm("")确定对话框
    3、prompt("","")可输入内容的对话框,返回null
    二、数据类型
    1、var通用类型
    2、数据类型转换
    (1)转为数值类型 
    parseint();
    (2)转为string类型 
    在要转换的内容前面加上空字符串("")
    (3)判断是否是数字
    isNaN();是数字返回false,不是数字返回true
    三、语句
    (1)分支语句
    if(){}else{}
    (2)循环语句
    for(初始条件;循环条件;状态改变){循环体}
    break;终止循环
    continue;终止本次循环
    四、数组
    var a=new Array();
    长度是动态变化的,可以放任意类型
    1、取值:var aa=a[i];
    2、赋值:a[0]=123;a[1]="hello";
    3、长度:a.length;
    4、排序:a.sort();
    5、翻转数组:a.reverse();
    五、函数
    function 函数名(形数){函数体}
    调用:函数名(实参)
    六、DOM操作
    1、window
    (1)window.open(a,b,c,d)
    参数:
    a--页面地址 "Default.aspx"
    b--打开方式 "_blank" 新开页面
    c--窗口样式,用空格隔开(针对于IE浏览器管用)
    toolbar=no 无工具条
    width=100px height=100px left=100px 
    (2)window.close()关闭当前窗口
    window.opener.close()关闭父窗口
    (3)window.scrollto(x,y) 滚动到页面的位置
    (4)window.history
    window.history.back();页面后退
    window.history.forward();页面前进
    window.history.go(n);前进或后退n个页面
    (5)window.location
    获取当前页地址 var s=window.location.href();
    跳转页面 window.location.href="";

    2、window.document
    (1)获取元素
    var a = document.getElementById("");
    var a = document.getElementsByClassName("");
    var a = document.getElementsByName("");
    var a = document.getElementsByTagName("");
    (2)操作内容
    1)非表单元素
    innerHTML 获取标签里的html代码和文字
    赋值:将其中的html代码执行
    取值:html代码和文字会取出,但是不执行html代码
    innerText 
    赋值:获取标签里的html代码和文字,不执行html代码
    取值:只取文字
    注意:一般用innerHTML赋值,用innerText 取值
    2)表单元素
    value取值和赋值都会原样呈现
    checkbox/redio 取value值: a.value; 取按钮后边的文字:a.nextSibling.innerText
    <select></select> 取值:选择哪一个取出哪一个
    (3)操作属性
    1)设置属性 setAttribute("name","value")
    2)移除属性 removeAttribute("name")
    3)获取属性 getAttribute("")

    改变样式 this.setAttribute("class", "div3 div2");
    (4)操作样式
    this.style.样式=""
    获取样式的值 this.offsetHeight 高度
    this.offsetLeft 距离左边的距离
    this.offsetTop 距离上边的距离
    this.offsetWidth 宽度
    (5)相关元素操作
    var b=a.nextSibling 找下一个同辈元素,注意空格
    var b=a.previousSibling 找上一个同辈元素,注意空格
    3、正则表达式
    使用正则表达式验证
    if(/正则表达式/.test(字符串)){}
    4 事件
    单击事件 onclick
    鼠标离开时触发 onmouseout
    鼠标移到上面时触发 onmousemove
    案件抬起来时触发 onkeyup
    双击触发 ondblclicke
    获得焦点时触发 onfocus

  • 相关阅读:
    公用技术——设计模式23——访问者模式——待补充
    公用技术——设计模式24——空对象模式——待补充
    数据库语言——SQL——基础部分——初篇
    短信通道——阿里大鱼(java)
    spring cloud的常见注解
    HashMap在Jdk1.7和1.8中的实现
    java基础面试题
    java当中需要进一步学习的内容
    jsp中9大内置对象
    mysql中的锁
  • 原文地址:https://www.cnblogs.com/xtq0313/p/5995334.html
Copyright © 2011-2022 走看看