前端开发-javascript进阶
叫我铁头娃_
这个作者很懒,什么都没留下…
展开
-
JavaScript进阶(1)-DOM简介
内建对象宿主对象(DOM、BOM)自定义对象1、什么是DOM?文档对象模型。解释:文档:一个html页面就是一个文档对象:网页中有各种各样的标签,标签中有各种属性,将网页中的每一个部分都转换为对象(一切都是对象)模型:对象多了不好管,使用模型来表示对象之间的关系,方便获取对象(想要修改网页中的某个元素,只需要找到这个对应的对象,然后调用它的属性或者方法,即可修改)模型能体现出...原创 2019-03-12 18:15:46 · 218 阅读 · 0 评论 -
JavaScript进阶(2)-事件简介
1、事件交互js和html之间的交互通过事件实现<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--转载 2019-03-12 18:37:45 · 315 阅读 · 0 评论 -
JavaScript进阶(3)-文档(页面)的加载-onload
文档(页面)的加载这个加载过程也是一个事件只要是事件, js和html就可以交互这里涉及到一个回调函数:onload<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type=&quo原创 2019-03-12 18:51:27 · 264 阅读 · 0 评论 -
JavaScript进阶(4)-dom查询
通过document对象调用1、getElementById()通过id属性获取一个元素节点对象2、getElementsByTagName()通过标签名获取一组元素节点对象3、getElementsByName()通过name属性获取一组元素节点对象4、innerHTML对象通过调用这个属性可以获取到元素内部的html代码...转载 2019-03-18 16:18:56 · 251 阅读 · 0 评论 -
JavaScript进阶(5)-图片切换练习
点击下一张,会切换图片,上一张,切换图片<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ mar转载 2019-03-18 16:22:40 · 588 阅读 · 0 评论 -
JavaScript进阶(6)-全选练习
全选练习:分别实现下图四个按钮点击后的功能<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" conte原创 2019-03-18 16:51:07 · 202 阅读 · 0 评论