黑马程序员技术交流社区

标题: 【石家庄校区】一起来学习JS吧 [打印本页]

作者: HeyPeace 时间: 2018-7-9 20:48
标题: 【石家庄校区】一起来学习JS吧
本帖最后由小石姐姐于 2018-7-10 08:45 编辑

最近学习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)

123.jpg (8.17 KB, 下载次数: 28)

JS的组成

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2