前端web开发js知识点一讲解

接触到js，首先要明白和css之间的区别，以及作用。

1、js如果从外部链接的话，需要在head标签下加入<script src=""></script>；如果在内部去定义，则是在body里面加入标签<script></script>，在标签里面具体展开设计。

2、js相对css，理论上与c语言编码实现某个环节类似，所以相对比css难些。

js知识点如下：

2.1、输出：我觉得弹窗输出的作用方便你检查程序问题，便于查看结果。

alert() 弹框输出

confirm() 带确定取消按钮的弹框

document.write() 在文档流中输出，也就是在网页上输出

document.getElementById.innerHTML修改页面中的html元素

console.log() 在调试平台中输出

2.2、输入

3.prompt("提示信息",默认值)；弹框输入

parseInt（页面表单元素输入值）；innerHTML提取

parseFloat（页面表单元素输入值）

2.3、数字类型

数字（number），字符串(string)，布尔(boolean)，数组(array)，对象(object)，空NULL ，未字义类型(undefined)

对象={name:"张三",sex:"男",age:30}. 对象.调用

2.4获取对象

document.getElementById("id名")；

document.getElementsByClassName(“类名”)[索引值]；

2.5、修改值

对象.innerHTML=新值；

对象.value=

对象.innerText =

2.6、函数：

定义语法：

function 函数名(){

//函数体

}

函数调用：

触发事件＝函数名（）

对象.事件＝function(){}

事件：

onclick 点击事件

onmouseover 鼠标悬停事件

onmouseout 鼠标离开事件

onload事件 页面加载时调用

onfocus事件 获取焦点时

onblur事件 失去焦点时

onchange事件 HTML元素发生改变时触发

更改样式：

修改属性值

对象.属性名＝属性值

修改CSS样式

对象.style.样式名＝样式值 样式名（驼峰式写法 font-size:fontSize）

for循环 if语句 while语句

3、DOM

getAttribute(属性名) 获取元素属性

setAttribute(属性名，属性值) 设置元素属性

获取子节点方式

childNodes 包含空白节点

children 不包含空白节点

子节点个数

.childNodes.length

.children.length

获取对应节点方式

childNodes[索引号]

children[索引号]

父节点：

parentNode

第一个子元素 firstChild

最后一个子元素 lastChild

前一个兄弟元素 previousSibling

后一个兄弟元素 nextSilbling

添加元素 appendChild 添加到内部后面

创建元素 ps=document.creatElement("p");

赋属性值 方式

1）ps.属性名＝属性值

2）ps.setAttribute(属性名，属性值)

在节点前插入元素 insertBefore(新节点，参考的节点)

父元素.insertBefore(新元素，参考元素)

删除元素

父元素.removeChild(子元素)

替换元素

父元素.replaceChild(替换的新元素，被替换的旧元素)