最近学习web课程的时候，我发现用到了之前学习到的JS的知识，在这里也奉劝大家一句，不要觉得前端的东西不重要，只要是上课学习的东西都很重要哦！！这里我们一起来回忆下JS的相关知识吧

常用的事件:

[AppleScript] 纯文本查看 复制代码

onsubmit(确认按钮被点击)
onsubmit ="return 方法名()",(表单提交事件)  绑定在form表单,表单提交时触发
onload(页面加载事件,页面加载完毕后自动触发)

onload注意事项:

1.  在页面加载结束后执行,随着页面加载完自动触发onload事件

2.  同一个页面只允许出现一次

[AppleScript] 纯文本查看 复制代码

onclick(单击事件),  ondblclick(鼠标双击某个对象),    onmouseover(鼠标移到某元素之上)   ,  onmouseout(鼠标从某元素移开)
onfocus:获得焦点事件
onblur:失去焦点事件
onsubmit:提交的时候
onchange:下拉列表的改变事件

键盘操作事件:

[AppleScript] 纯文本查看 复制代码

onkeydown:键盘按下事件
onketup:键盘抬起事件
onkeypress:键盘敲击事件

鼠标操作事件:

[AppleScript] 纯文本查看 复制代码

onmousemove;鼠标移动事件
onmouseout;鼠标移开事件
onmouseover;鼠标悬停事件
onmousedown;鼠标按下事件
onmouseup;鼠标胎掐事件

定义函数:

[AppleScript] 纯文本查看 复制代码

function 函数名() {
    //函数体
}
function 函数名(参数) {
    //函数体
    return;
}

匿名函数:

[AppleScript] 纯文本查看 复制代码

window.onload = function() {  }
window.事件= function(){    }

JS的引入方式:

通常的两种方式:

#第一种:页面内直接编写JS代码,JS代码需要用<script></script>

#第二种:新建一个JS文件,将JS代码编写到一个.JS文件中,在HTML中通过<script src="引入路径"></script>把js文件引入进来

Document的常用的操作:

获得元素:

[AppleScript] 纯文本查看 复制代码

 document.getElementById("id");
 document.getElementsByName("name");
 document.getElementsByTagName("标签");

添加节点:

[AppleScript] 纯文本查看 复制代码

l  document.createElement("标签名")    创建元素
 document.createTextNode("文本内容")  创建节点
element.appendChild("元素对象")    在最后添加一个节点
element.insertBefore()    在某个元素之前插入

删除节点:

[AppleScript] 纯文本查看 复制代码

 element.removeChild()    删除元素

修改:

[AppleScript] 纯文本查看 复制代码

 element.repalceElenment(oldElement,newElement)

最近学习web课程的时候，我发现用到了之前学习到的JS的知识，在这里也奉劝大家一句，不要觉得前端的东西不重要，只要是上课学习的东西都很重要哦！！这里我们一起来回忆下JS的相关知识吧

常用的事件:

[AppleScript] 纯文本查看 复制代码

onsubmit(确认按钮被点击)
onsubmit ="return 方法名()",(表单提交事件)  绑定在form表单,表单提交时触发
onload(页面加载事件,页面加载完毕后自动触发)

onload注意事项:

1.  在页面加载结束后执行,随着页面加载完自动触发onload事件

2.  同一个页面只允许出现一次

[AppleScript] 纯文本查看 复制代码

onclick(单击事件),  ondblclick(鼠标双击某个对象),    onmouseover(鼠标移到某元素之上)   ,  onmouseout(鼠标从某元素移开)
onfocus:获得焦点事件
onblur:失去焦点事件
onsubmit:提交的时候
onchange:下拉列表的改变事件

键盘操作事件:

[AppleScript] 纯文本查看 复制代码

onkeydown:键盘按下事件
onketup:键盘抬起事件
onkeypress:键盘敲击事件

鼠标操作事件:

[AppleScript] 纯文本查看 复制代码

onmousemove;鼠标移动事件
onmouseout;鼠标移开事件
onmouseover;鼠标悬停事件
onmousedown;鼠标按下事件
onmouseup;鼠标胎掐事件

定义函数:

[AppleScript] 纯文本查看 复制代码

function 函数名() {
    //函数体
}
function 函数名(参数) {
    //函数体
    return;
}

匿名函数:

[AppleScript] 纯文本查看 复制代码

window.onload = function() {  }
window.事件= function(){    }

JS的引入方式:

通常的两种方式:

#第一种:页面内直接编写JS代码,JS代码需要用<script></script>

#第二种:新建一个JS文件,将JS代码编写到一个.JS文件中,在HTML中通过<script src="引入路径"></script>把js文件引入进来

Document的常用的操作:

获得元素:

[AppleScript] 纯文本查看 复制代码

 document.getElementById("id");
 document.getElementsByName("name");
 document.getElementsByTagName("标签");

添加节点:

[AppleScript] 纯文本查看 复制代码

l  document.createElement("标签名")    创建元素
 document.createTextNode("文本内容")  创建节点
element.appendChild("元素对象")    在最后添加一个节点
element.insertBefore()    在某个元素之前插入

删除节点:

[AppleScript] 纯文本查看 复制代码

 element.removeChild()    删除元素

修改:

[AppleScript] 纯文本查看 复制代码

 element.repalceElenment(oldElement,newElement)