JavaScript基础知识总结

Posted on Edited on In

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=””; :将内容提交到那个地址

<a href=”地址”?”内容”> :使用超链接提交内容

onclick :鼠标点击事件

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

onfocus :得到焦点事件

onblur :失去焦点事件