摘要:【Web前端开发】 自学转行roadmap: ● html/css ● 京东项目实操 ● javascript 基础 ● webapi ● javascrip高级 ● jquery基础 ● Ajax ● 阿里百秀项目实践 ● html5/css3 ● canvas ● 移动web实操 ● 电商项目实 阅读全文
posted @ 2019-11-06 11:07 jane_panyiyun 阅读 (25) 评论 (0) 编辑
摘要:点击操作 节点的方式 案例 案例1:点击按钮,设置p变色 节点的方式做 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> <style> div { width: 200px; he 阅读全文
posted @ 2019-12-06 10:44 jane_panyiyun 阅读 (13) 评论 (0) 编辑
摘要:回顾概念 文档: document 元素: 页面中所有的标签, 元素 element, 标签 元素 对象 节点: 页面中所有的内容(标签,属性,文本(文字,换行,空格,回车)) Node 根元素:html标签 需求 用之前学习的知识点能否解决?获取div中所有的标签,设置每个标签的背景颜色 节点 任 阅读全文
posted @ 2019-12-06 09:37 jane_panyiyun 阅读 (11) 评论 (0) 编辑
摘要:part3课程介绍 节点 为什么要学节点 节点的操作的相关属性 >作用 12行代码 有用的 熟练的问题, 节点的案例 元素的创建三种方式 重点的内容 为什么要有元素的创建 添加元素 移除元素 事件的 part2复习 阻止超链接默认的跳转事件: return false; 获取元素的方式 根据id获取 阅读全文
posted @ 2019-12-06 08:54 jane_panyiyun 阅读 (12) 评论 (0) 编辑
摘要:tab切换案例实现 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } ul { list-style-type: no 阅读全文
posted @ 2019-12-05 21:17 jane_panyiyun 阅读 (28) 评论 (0) 编辑
摘要:总结:在html标签中添加的自定义属性, 如果想要获取这个属性的值, 需要使用getAttribute("自定义属性的名字")才能获取这个属性的值 html标签中有没有什么自带的属性可以存储成绩的 没有 本身html标签没有这个属性, 自己(程序员)添加的 自定义属性 为了存储一些数据 <!DOCT 阅读全文
posted @ 2019-12-05 19:00 jane_panyiyun 阅读 (19) 评论 (1) 编辑
摘要:设置和获取 标签内容和文本内容 总结 设置: 使用innerText主要是设置文本的, 设置标签内容, 是没有标签的效果的 innerHTML是可以设置文本内容 innerHTML主要的作用是在标签中设置新的html标签内容, 是有标签效果的 想要设置标签内容, 使用innerHTML 想要设置文本 阅读全文
posted @ 2019-12-05 17:30 jane_panyiyun 阅读 (22) 评论 (0) 编辑
摘要:总结获取元素的方式 1. 根据id属性的值获取元素,返回来的是一个元素对象 document.getElementById("id属性的值"); document.getElementById("btn"); 2. 根据标签名字获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象 docume 阅读全文
posted @ 2019-12-05 15:06 jane_panyiyun 阅读 (25) 评论 (0) 编辑
摘要:案例1:点击按钮禁用文本框 <input type="button" value="禁用文本框" id="btn" /> <input type="text" value="文本框" id="txt" /> <script> document.getElementById("btn").onclic 阅读全文
posted @ 2019-12-05 09:53 jane_panyiyun 阅读 (20) 评论 (0) 编辑
摘要:part1复习 JavaScript分三个部分: 1. ECMAScript标准 JS基本的语法 2. DOM:Document Object Model 文档对象模型 3. BOM:浏览器对象模型 DOM的作用: 操作页面的元素 DOM树: 把html页面或者是xml文件看成是一个文档,文档就是一 阅读全文
posted @ 2019-12-05 09:39 jane_panyiyun 阅读 (22) 评论 (0) 编辑
摘要:点击操作: >事件: 就是一件事, 有触发和响应, 事件源 按钮被点击,弹出对话框 按钮 >事件源 点击 >事件名字 被点了 >触发了 弹框了 >响应 案例1:点击按钮弹出对话框 以下全部是理解,html和js代码分离: <!DOCTYPE html> <html lang="en"> <head> 阅读全文
posted @ 2019-12-04 11:23 jane_panyiyun 阅读 (49) 评论 (0) 编辑