js基础

变量是用于存储信息的"容器"。
通过var声明变量 ,使用关键词 "new" 来声明其类型

数据类型:字符串(String)、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空(Null)、未定义(Undefined)。

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
局部变量 :函数内部的变量   全局变量 :函数外部的变量 ()

运算符
1、算数运算符
+ - * / % ++ --
2、赋值运算符
= += -= /= %= *=
3、比较运算符
== === != > < >= <=
4、逻辑运算符
&& || !
5、条件运算符
variablename=(condition)?value1:value2

语句
1、条件语句
if(){}else{}
if()else if(){}else{}
switch(){case:,default:}
2、循环语句
for
for/in
while(){}
do{}while();
3、Break语句、 Continue语句

 在JavaScript中,可以使用以下几种对象:
    1.由浏览器根据web页面的内容自动提供的对象。 (BOM、DOM)
    2.JavaScript的内置对象,如Date,Math等。
    3.服务器上的固有对象。 (window)
    4.用户自定义的对象。

内置对象
  1、Array
    var array = ["op",'pp'];

    var array = new Array();
    array[0] = 'op';
    array[10] = 'oo'

    var array = new Array('op','op');

    array.concat(arr) 连接两个数组
    array.join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
    array.pop() 删除并返回数组的最后一个元素
    array.push() 向数组的末尾添加一个或更多元素,并返回新的长度。
    array.reverse() 颠倒数组中元素的顺序。
    array.shift() 删除并返回数组的第一个元素
    array.slice() 从某个已有的数组返回选定的元素
    array.sort() 对数组的元素进行排序
    array.splice() 删除元素,并向数组添加新元素
    array.toSource() 返回该对象的源代码
    array.toLocalString() 把数组转换为本地数组,并返回结果
    array.unshift() 向数组的开头添加一个或更多元素,并返回新的长度
    array.valueOf() 返回数组对象的原始值
  2、Boolean对象
    boo.toSource() 返回该对象的源代码
    boo.toString() 把逻辑值转换为字符串,并返回结果
    boo.valueOf() 返回Boolean对象的原始值

  3、Date对象
    Date() 返回当日的日期和时间
    date.getDate() 从Date对象中返回一个月中的某一天(1~31)
    date.getDay() 从Date对象中返回一周中的某一天(0~6)
    date.getMonth() 从Date对象中返回月份(0~11)
    date.getFullYear() 从Date对象中以四位数字返回年份
    date.getHours()
    date.getMinutes()
    date.getTimes()
    date.setDate()
    date.setMonth()
    date.setFullYear()
    date.setYear()
    date.setHours()
    date.setMinutes()
    date.setSeconds()
    date.toString() 把 Date 对象转换为字符串。
    date.toTimeString() 把 Date 对象的时间部分转换为字符串
    date.toDateString() 把 Date 对象的日期部分转换为字符串。
  4、Math对象
    abs(x) 返回数的绝对值。
    acos(x) 返回数的反余弦值。
    asin(x) 返回数的反正弦值。
    atan(x) 以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值。
    atan2(y,x) 返回从 x 轴到点 (x,y) 的角度(介于 -PI/2 与 PI/2 弧度之间)
    ceil(x) 对数进行上舍入
    cos(x) 返回数的余弦。
    exp(x) 返回 e 的指数。
    floor(x) 对数进行下舍入。
    log(x) 返回数的自然对数(底为e)。
    max(x,y) 返回 x 和 y 中的最高值。
    min(x,y) 返回 x 和 y 中的最低值。
    pow(x,y) 返回 x 的 y 次幂。
    random() 返回 0 ~ 1 之间的随机数。
    round(x) 把数四舍五入为最接近的整数。
    sin(x) 返回数的正弦。
    sqrt(x) 返回数的平方根。
    tan(x) 返回角的正切。
    toSource() 返回该对象的源代码。
    valueOf() 返回 Math 对象的原始值。

  5、Number对象
    POSITIVE_INFINITY 正无穷大,溢出时返回该值。
    NEGATIVE_INFINITY 负无穷大,溢出时返回该值。
    NaN 非数字值。
  6、String对象
    charAt() 返回在指定位置的字符。
    concat() 连接字符串。
    indexOf() 检索字符串。
    lastIndexOf() 从后向前搜索字符串。
    match() 找到一个或多个正则表达式的匹配。
    replace() 替换与正则表达式匹配的子串。
    slice() 提取字符串的片断,并在新的字符串中返回被提取的部分
    search() 检索与正则表达式相匹配的值。
    split() 把字符串分割为字符串数组。
    sub() 把字符串显示为下标。
    substr() 从起始索引号提取字符串中指定数目的字符。
    substring() 提取字符串中两个指定的索引号之间的字符
    toLowerCase() 把字符串转换为小写。
    toUpperCase() 把字符串转换为大写。
  7、RegExp对象

浏览器对象:

  document
     getElementById() 返回对拥有指定 id 的第一个对象的引用。
    getElementsByName() 返回带有指定名称的对象集合。
    getElementsByTagName() 返回带有指定标签名的对象集合。
    open() 打开一个流,以收集来自任何 document.write() 或 document.writeln() 方法的输出
    close() 关闭用 document.open() 方法打开的输出流,并显示选定的数据。
    write() 向文档写 HTML 表达式 或 JavaScript 代码。
    writeln() 等同于 write() 方法,不同的是在每个表达式之后写一个换行符
  history
    back() 加载 history 列表中的前一个 URL。
    forward() 加载 history 列表中的下一个 URL。
    go() 加载 history 列表中的某个具体页面。
  Screen
  location
    host 设置或返回主机名和当前 URL 的端口号。
    hostname 设置或返回当前 URL 的主机名。
    pathname 设置或返回当前 URL 的路径部分。
    port 设置或返回当前 URL 的端口号。
    protocol 设置或返回当前 URL 的协议。
    search 设置或返回从问号 (?) 开始的 URL(查询部分)。
    reload() 重新加载当前文档。
    replace() 用新的文档替换当前文档
  Navigator
    innerheight 返回窗口的文档显示区的高度
    innerwidth 返回窗口的文档显示区的宽度。

BOM对象  

element.accessKey 设置或返回元素的快捷键。

element.appendChild() 向元素添加新的子节点,作为最后一个子节点。
element.attributes 返回元素属性的 NamedNodeMap。
element.childNodes 返回元素子节点的 NodeList。
element.className 设置或返回元素的 class 属性。
element.clientHeight 返回元素的可见高度。
element.clientWidth 返回元素的可见宽度。
element.cloneNode() 克隆元素。
element.compareDocumentPosition() 比较两个元素的文档位置。
element.contentEditable 设置或返回元素的文本方向。
element.dir 设置或返回元素的内容是否可编辑。
element.firstChild 返回元素的首个子。
element.getAttribute() 返回元素节点的指定属性值。
element.getAttributeNode() 返回指定的属性节点。
element.getElementsByTagName() 返回拥有指定标签名的所有子元素的集合。
element.getFeature() 返回实现了指定特性的 API 的某个对象。
element.getUserData() 返回关联元素上键的对象。
element.hasAttribute() 如果元素拥有指定属性,则返回true,否则返回 false。
element.hasAttributes() 如果元素拥有属性,则返回 true,否则返回 false。
element.hasChildNodes() 如果元素拥有子节点,则返回 true,否则 false。
element.id 设置或返回元素的 id。
element.innerHTML 设置或返回元素的内容。
element.insertBefore() 在指定的已有的子节点之前插入新节点。
element.isContentEditable 设置或返回元素的内容。
element.isDefaultNamespace() 如果指定的 namespaceURI 是默认的,则返回 true,否则返回 false。
element.isEqualNode() 检查两个元素是否相等。
element.isSameNode() 检查两个元素是否是相同的节点。
element.isSupported() 如果元素支持指定特性,则返回 true。
element.lang 设置或返回元素的语言代码。
element.lastChild 返回元素的最后一个子元素。
element.namespaceURI 返回元素的 namespace URI。
element.nextSibling 返回位于相同节点树层级的下一个节点。
element.nodeName 返回元素的名称。
element.nodeType 返回元素的节点类型。
element.nodeValue 设置或返回元素值。
element.normalize() 合并元素中相邻的文本节点,并移除空的文本节点。
element.offsetHeight 返回元素的高度。
element.offsetWidth 返回元素的宽度。
element.offsetLeft 返回元素的水平偏移位置。
element.offsetParent 返回元素的偏移容器。
element.offsetTop 返回元素的垂直偏移位置。
element.ownerDocument 返回元素的根元素(文档对象)。
element.parentNode 返回元素的父节点。
element.previousSibling 返回位于相同节点树层级的前一个元素。
element.removeAttribute() 从元素中移除指定属性。
element.removeAttributeNode() 移除指定的属性节点,并返回被移除的节点。
element.removeChild() 从元素中移除子节点。
element.replaceChild() 替换元素中的子节点。
element.scrollHeight 返回元素的整体高度。
element.scrollLeft 返回元素左边缘与视图之间的距离。
element.scrollTop 返回元素上边缘与视图之间的距离。
element.scrollWidth 返回元素的整体宽度。
element.setAttribute() 把指定属性设置或更改为指定值。
element.setAttributeNode() 设置或更改指定属性节点。
element.setIdAttribute()
element.setIdAttributeNode()
element.setUserData() 把对象关联到元素上的键。
element.style 设置或返回元素的 style 属性。
element.tabIndex 设置或返回元素的 tab 键控制次序。
element.tagName 返回元素的标签名。
element.textContent 设置或返回节点及其后代的文本内容。
element.title 设置或返回元素的 title 属性。
element.toString() 把元素转换为字符串。
nodelist.item() 返回 NodeList 中位于指定下标的节点。
nodelist.length 返回 NodeList 中的节点数。

原文地址:https://www.cnblogs.com/html-css-js/p/8024935.html