摘要: js中的Dom操作 一、Dom创建 DOM节点(Node)通常对应于一个标签,一个文本,或者一个HTML属性。Dom节点有一个nodeType属性用来表示当前元素的类型,它是一个整数: Element,元素 Attribute,属性 Text,文本 Dom节点创建最常用的便是document.cre 阅读全文
posted @ 2018-07-30 16:57 wangjinggang 阅读(160) 评论(0) 推荐(0) 编辑
摘要: JavaScript-控制语句 1、随机数: Math.random(); 返回值为 :0~1 ,不包括1 2、基础语法:套路(1)控制语句 条件 if 、switch 循环:for 、while 、 do{}while{} if: if(表达式){} else{} switch: switch(值 阅读全文
posted @ 2018-07-20 17:27 wangjinggang 阅读(118) 评论(0) 推荐(0) 编辑
摘要: JavaScript-弹窗与基础语法 一、三个弹窗,一控制台: alert(); 告警窗(仅仅提示,关了就关了) 例: var name='zhangsan'; alert(name); confirm(); 选择框 (有返回值 true与flase) 例: var shanchu = confir 阅读全文
posted @ 2018-07-20 17:17 wangjinggang 阅读(280) 评论(0) 推荐(0) 编辑
摘要: JavaScript开篇-写法分类 js基础语法 js DOM操作 1、写法分类 (1)内联(行内) 写在标签里面,以属性的形式表现,属性名是事件属性名 例如:<button onClick="js代码"></button> (2)内嵌 写在html标签里面,以标签的形式表现,标签名script 例 阅读全文
posted @ 2018-07-20 17:08 wangjinggang 阅读(160) 评论(0) 推荐(0) 编辑
摘要: css3 动画 动画:渐变、2D、3D、过渡、动画 例子: /* 从上到下渐变*/ #div1{ width: 100px; height: 100px; background: linear-gradient(red, blue); }/* 从左到右渐变*/ #div2{ width: 100px 阅读全文
posted @ 2018-07-16 16:24 wangjinggang 阅读(147) 评论(0) 推荐(0) 编辑
摘要: css样式2 布局 定位 层级 显示 一、布局:定位,浮动,显示 ,盒子模型、层级 布局页面的时候:大色块 小色块 小色块... 1、浮动:float:left right 设一个父标签,设定宽高,里面随便浮动 超出部分:overflow: hidden scroll overflow-x over 阅读全文
posted @ 2018-07-16 16:20 wangjinggang 阅读(874) 评论(0) 推荐(0) 编辑
摘要: css:层叠样式表 1、写法分类: (1)内联(行内) 写在标签里面,以属性的形式表现,属性名是style 例:<div style=""></div> (2)内嵌 写在head标签里面,以标签的形式表现,标签名style 例:<style type="text/css"></style> (3)外 阅读全文
posted @ 2018-07-12 21:21 wangjinggang 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 设计原则:易维护 易扩展 易复用 表单:收集用户的输入 发送到后台 <form action="后台地址" method="提交方式" 提交方式:get(默认) post enctype="multipart/form-data" > 表单元素 </form> 1、通用格式: 键值对的 键为name 阅读全文
posted @ 2018-07-12 21:11 wangjinggang 阅读(240) 评论(0) 推荐(0) 编辑
摘要: 表单:收集用户的输入 发送到后台 <form action="后台地址" method="提交方式" 提交方式:get(默认) post > 表单元素 </form> <fieldset>表单外边框</fieldset> <legend>表单标题 </legend> 1、表单元素的通用格式 labe 阅读全文
posted @ 2018-07-09 16:53 wangjinggang 阅读(79) 评论(0) 推荐(0) 编辑
摘要: 组合标签: <ul> <li>里面标签只能是li</li> </ul> 列表 1、有序列表 2、无序列表 <ol type="1"> <!-- 有序列表 用type更改样式 --> <li>列表1</li> <!-- 用 style="list-style-type: " " 使用无序列表表样式-- 阅读全文
posted @ 2018-07-09 16:34 wangjinggang 阅读(100) 评论(0) 推荐(0) 编辑