JavaScript基础知识总结

 JavaScript基础知识

* alert()：弹出窗口

* document.write(“”):将值直接显示在页面上面（包括heml代码）

 1.Js 类型

var string

 2.数组定义

一：var arr=[1,2,3];

二：var arr = new Array(3):代表数组的长度 arr[0]=”“;arr[1]=”“;arr[2]=”“;

三：var arr = new array[1,2,3]代表数组中的值

length:数组长度

 3.javascript中关于string的方法

* bold:将字体加黑

* fontcolor:字体颜色

* fontsize:字体的大小数值只能是1-7

document.write(string.fontsize());

* link:将字体变为超链接

 <font color=#3CA9EE size="5">document.write(string.link("地址"));

* sub:下标 sut:上标

* concat:字符串的连接

document.write(str1.concat(str2));

* charAt：返回指定位置的字符串

document.write(string.charAt(0)); 返回字符串中第一个的位置

* indexOf：返回传入字符串的位置

document.write(string.indexOf("字符"));不存在时候返回-1

* split:将字符串切分

 document.write(string.split("-"));按照-来切分一个字符串，切分成数组

* replace:替换字符串

document.write（string.replace("要替换的值","替换成的值")） 

 substr:substr(5,5) 从第五位开始截取，截取五位字符

 substring:substring（3,5） 从第三位截取到第五位，但是不包含第五位

 4.javascript中关于array的方法

*  length:长度的函数

* join:按照指定的字符将数组分割arr（1,2,3） arr.join（“-”） 显示的是arr（1-2-3）

* push : arr.push(“你想加的数据”) 返回值为数组串的长度

*  pop : 删除最后一个字符串并将之返回

* reverse： 颠倒数组中的顺序 arr.reverse();

 5.javascript中Date的方法

 var date = new Date();

1.得到本地的时间是: date.toLocaleString

2. 得到当前的年 ：date.getFullYear

3. 得到当前的月  ：date.getMonth 返回的值为0-11 得到当前的值必须要加1

4. 得到当前的星期 ：date.getDay 返回值也为0-6 星期日返回值为0

5. 得到当前的天  ：date.getDate

6. 得到当前的小时 ：date.hetHours

7.得到当前的分钟 ：date.getMinutes

8. 得到当前的分钟 ：date.getSeconds

9.获取毫秒数  ：date.getTimes 返回1970年0月0日到现在的毫秒数 //应用场景：不有缓存，解决缓存

 6.javascript中math的方法

都是静态方法 都是通过Math.来使用

1.ceil : document.write(Math.ceil(m)); 向上舍入（10.4—>11）

2.floor : document.write(Math.floor(m));向下舍入（10.4—>10）

3.round : document.write(Math.round(m));四舍五入（10.4—>10）

4.random ： 产生0-1之间的随机数

 javascript中不存在函数的重载，通过其他方式模拟重载（arugument数组来重载）

 7.javascript的Bom对象

1.navigator ：获取浏览器的信息

2.navigator.appname :获取浏览器名称

3.screen  ：浏览器屏幕信息

4.location 

5.href :获取请求的地址，设置url地址

6.history

7.back  :上一个页面

8.forward ：下一个页面

 9. windows

* window.alert :输出弹框

* window.confirm (“显示内容”） :确认提示框（点击确定返回true，取消返回false）

* window.prompt（“显示的内容”，“默认内容”）  :文字提示框

* window.open（链接，名字，格式） ：打开一个新的窗口

* window.clouse()  : 关闭窗口

* window.setInterval(‘js代码’，毫秒数) ：多长时间执行一次“js代码事件”(模拟定时器的效果)

* window.setT imeout(“js代码”，毫秒数) : 在毫秒数之后去执行“js代码事件”（只会执行一次）

* clearInterval(传入的为Interval事件的ID) : 清除setInterval的事件

* clearInterval()  ：清除setTimeout事件

 8.javascript的dom对象

>

* 文档： 超文本标记文档

* 对象：提供属性和方法

* 模型：使用属性和方法操作的文档

 9.javascript的document方法

1. write :向页面输出变量的值或者HTML代码

2. getElementById :通过Id来得到对象

3. getElementsByName(“name的值为一样的组”) :通过标签的name值得到对象，返回的是一个数组

4. getElementsTagName(“标签名称”) ：通过标签名称得到对象，返回也是一个数组

5. 只有一个标签时，只能用ByName来获取，不能使用ByTagName获取

6. opener:创建窗口的窗口 var p=window.opener p得到了创建这个字窗口的窗口 在末尾添加节点：

 1.获取母标签getById

 2.创建子标签

document.createElement(‘输入标签’); :创建标签

 3.创建所要输入的文本

document.createTextNode(“输入文本”) :创建文本

 4.将文本放入标签中

子标签.appendChild（”文本”） :将文本让入子标签中

 5.将子标签放入母标签中

母标签.oppendChild(); :将子标签插入到母标签中（类似于剪切粘贴的效果）

 10.javascript的Element对象

1.input.value;

2.input.getAttribute(“value”); :两个效果是一样的，但是使用后者是区别关键字

3.inout.setAttribute(“属性”,”属性值”); :设置属性名称和值，传入两个参数

4.inout.removeAttribute(“属性”) ：删除属性，但是不能删除value属性

5.node:标签节点

nodeType nodeName nodeValue

fistChild  :获得第一个节点

lastChild :获得最后一个节点

nextSibling :子节点中的下一个同辈节点

previousSibling :子节点中的上一个同辈节点

 11.javascript的Dom操作

oppendChild(); :将子标签插入到母标签中（类似于剪切粘贴的效果）

insertBefore(新节点，旧节点) :将新节点插入到旧节点之前（是在母节点的基础上插入）

replace(新节点，旧节点) :将新节点代替旧节点（是在母节点的基础上替换）

cloneNode(bool类型) :复制子节点子 节点.cloneNode(true);

removeNode(子节点) :通过父节点删除子节点

 12.javascript的innerHTML属性

1.获取文本内容

就是直接获得标签的文本内容

2.向标签中设置内容，包括html代码

母节点,innerHTNL=”htnl代码”;

form.submit(); :提交内容到服务器

form.action=”“; :将内容提交到那个地址

 :使用超链接提交内容

onclick :鼠标点击事件

onchange :改变内容（select一起使用）

onfocus :得到焦点事件

onblur :失去焦点事件