javaScript基础知识

js基础

document.write() 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。

alert弹出消息对话框(包含一个确定按钮)。
confirm 消息对话框通常用于允许用户做选择的动作。
prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框（包含一个确定按钮、取消按钮与一个文本输入框）。
open() 方法可以查找一个已经存在或者新建的浏览器窗口。
close()关闭窗口.
文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。
HTML文档可以说由节点构成的集合，三种常见的DOM节点:
1. 元素节点：上图中、、

等都是元素节点，即标签。
2. 文本节点:向用户展示的内容，如

...

中的JavaScript、DOM、CSS等文本。
3. 属性节点:元素属性，
innerHTML 属性用于获取或替换 HTML 元素的内容。
注意:
1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。
2.注意书写，innerHTML区分大小写。
网页中经常会看到显示和隐藏的效果，可通过display属性来设置。
className 属性设置或返回元素的class 属性。
操作符之间的优先级（高到低）:
算术操作符 → 比较操作符 → 逻辑操作符 → "="赋值符号
如果同级的运算是按从左到右次序进行,多层括号由里向外。
JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。
比如说，当用户单击按钮或者提交表单数据时，就发生一个鼠标单击（onclick）事件，需要浏览器做出处理，返回给用户一个结果。
onclick是鼠标单击事件，当在网页上单击鼠标时，就会发生该事件。同时onclick事件调用的程序块就会被执行，通常与按钮一起使用。
标经过事件，当鼠标移到一个对象上时，该对象就触发onmouseover事件，并执行onmouseover事件调用的程序。
鼠标移开事件，当鼠标移开当前对象时，执行onmouseout调用的程序。
当网页中的对象获得聚点时，执行onfocus调用的程序就会被执行。
onblur事件与onfocus是相对事件，当光标离开当前获得聚焦对象的时候，触发onblur事件，同时执行被调用的程序。
选中事件，当文本框或者文本域中的文字被选中时，触发onselect事件，同时调用的程序就会被执行。
通过改变文本框的内容来触发onchange事件，同时执行被调用的程序。
事件会在页面加载完成后，立即发生，同时执行被调用的程序。
注意：1. 加载页面时，触发onload事件，事件写在标签内。
当用户退出页面时（页面关闭、页面刷新等），触发onUnload事件，同时执行被调用的程序。
日期对象可以储存任意一个日期，并且可以精确到毫秒数（1/1000 秒）。
get/setFullYear() 返回/设置年份，用四位数表示。
getDay() 返回星期，返回的是0-6的数字，0 表示星期天。如果要返回相对应“星期”，通过数组完成
get/setTime() 返回/设置时间，单位毫秒数，计算从 1970 年 1 月 1 日零时到日期对象所指的日期的毫秒数。
charAt() 方法可返回指定位置的字符。返回的字符是长度为 1 的字符串。
split() 方法将字符串分割为字符串数组，并返回此数组。
substring() 方法用于提取字符串中介于两个指定下标之间的字符。
substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串。
Math对象，提供对数据的数学计算。
注意：Math 对象是一个固有的对象，无需创建它，直接把 Math 作为对象使用就可以调用其所有属性和方法。这是它与Date,String对象的区别。
ceil() 方法可对一个数进行向上取整。
floor() 方法可对一个数进行向下取整。
round() 方法可把一个数字四舍五入为最接近的整数。
random() 方法可返回介于 0 ~ 1（大于或等于 0 但小于 1 )之间的一个随机数。
数组对象是一个对象的集合，里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”，用来表示它在数组中的位置，是从零开始的
concat() 方法用于连接两个或多个数组。此方法返回一个新数组，不改变原来的数组。
join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。
reverse() 方法用于颠倒数组中元素的顺序。
slice() 方法可从已有的数组中返回选定的元素。
sort()方法使数组中的元素按照一定的顺序排列。
window对象是BOM的核心，window对象指当前的浏览器窗口
在JavaScript中，我们可以在设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。
计时器类型：
一次性计时器：仅在指定的延迟时间之后触发一次。
间隔性触发计时器：每隔一定的时间间隔就触发一次。
clearInterval() 方法可取消由 setInterval() 设置的交互时间。
setTimeout()计时器，在载入后延迟指定时间后,去执行一次表达式,仅执行一次。
setTimeout()和clearTimeout()一起使用，停止计时器。
history对象记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退相似导航的功能。
back()方法，加载 history 列表中的前一个 URL。
forward()方法，加载 history 列表中的下一个 URL。
go()方法，根据当前所处的页面，加载 history 列表中的某个具体的页面。
location用于获取或设置窗体的URL，并且可以用于解析URL。
Navigator 对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。
返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)
screen对象用于获取用户的屏幕信息。
window.screen 对象包含有关用户屏幕的信息。
1. screen.height 返回屏幕分辨率的高
2. screen.width 返回屏幕分辨率的宽
注意:
1.单位以像素计。
2. window.screen 对象在编写时可以不使用 window 这个前缀。
1. screen.availWidth 属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如任务栏。
2. screen.availHeight 属性返回访问者屏幕的高度，以像素计，减去界面特性，比如任务栏。
注意:
不同系统的任务栏默认高度不一样，及任务栏的位置可在屏幕上下左右任何位置，所以有可能可用宽度和高度不一样。
文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。
getElementsByName()方法返回带有指定名称的节点对象的集合。
getElementsByTagName()方法返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。
getAttribute()方法通过元素节点的属性名称获取属性的值。
setAttribute() 方法增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。
在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性 ：
1. nodeName : 节点的名称
2. nodeValue ：节点的值
3. nodeType ：节点的类型
访问选定元素节点下的所有子节点的列表，返回的值可以看作是一个数组，他具有length属性。
firstChild 属性返回‘childNodes’数组的第一个子节点。如果选定的节点没有子节点，则该属性返回 NULL。
插入节点appendChild()在指定节点的最后一个子节点列表之后添加一个新的子节点。
插入节点insertBefore()insertBefore() 方法可在已有的子节点前插入一个新的子节点。
removeChild() 方法从子节点列表中删除某个节点。如删除成功，此方法可返回被删除的节点，如失败，则返回 NULL。
替换元素节点replaceChild()replaceChild 实现子节点(对象)的替换。返回被替换对象的引用。 
createElement()方法可创建元素节点。此方法可返回一个 Element 对象。
createTextNode() 方法创建新的文本节点，返回新创建的 Text 节点。
scrollHeight和scrollWidth，获取网页内容高度和宽度。
offsetHeight和offsetWidth，获取网页内容高度和宽度(包括滚动条等边线，会随窗口的显示大小改变)。