- 博客(36)
- 收藏
- 关注
RSS订阅原创 date对象的其他方法
年（getFullYear()） 月（getMonth()） 日（getDate()） 星期（getDay()）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <scr...
2019-05-29 11:00:56
193
原创 数码时钟
数码时钟·获取系统时间Date对象getHours、getMinutes、getSeconds·显示系统时间字符串连接空位补零·设置图片路径charAt 获取第几位，有点像数组 (charAt(0))-->获取第0为的字符·date对象的其他方法：年（getFu...
2019-05-29 10:55:47
237
原创 定时器
定时器·开启定时器setInterval(show,1000) 间隔型 不断重复setTimeout(show,1000) 延时型 只执行一次·停止定时器clearInterval<!DOCTYPE html><html lang="en"><head>...
2019-05-28 16:33:37
140
原创 简易日历
js代码<script> var aDatas = [ "快过年了，大家可以商量着去哪玩吧～", "精通JavaScript开发课程 - 结课标准 - 有十条标准可让大家修练成JS高手……", "妙味茶馆(bbs.miaov.com)，正式开张，它看起来是论坛，其实是个技术驿站，分成了五个版块：视频教程、妙味生活秀、特效兜儿、技术交流、妙味聊吧",...
2019-05-22 17:03:43
343
原创 innerHTML的使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #div1 { height: 200px; width: 200px; background-...
2019-05-22 15:20:15
379
原创 选项卡
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> input { background-color: white; } .active { ba...
2019-05-22 14:50:08
100
原创 全选卡
全选框全选功能：·效果原理·控制checkbox的状态--checked·如何获取一组元素--getElementsByTagNamefor循环<!DOCTYPE html><html lang="en"><head> <meta charset="...
2019-05-22 14:34:46
97
原创 通过if判断进行收缩框
.if判断收缩展开菜单If判断：·根据情况，做不同的事情·判断是否相同 用 “==”更复杂的判断·if ,else if , else<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm...
2019-05-22 14:33:42
109
原创 JS中提取行间样式
其实在JS当中，大部分的函数都是没有名字的window.onload 当页面加载完成后发生，它也是一个函数。为元素添加事件，事件和其他属性一样，可以用JS添加。window.onload的意义。行为、样式、结构三者分离。这个是提取后<!DOCTYPE html><html lang="en"><head> <meta ...
2019-05-15 18:46:40
241
原创 学生档案案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <form action=""> <fieldset> &l...
2019-01-15 21:18:58
446
原创 谷歌案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> span { font-size: 50px; } .blue { color: blue; } ...
2019-01-15 21:18:21
129
原创 新闻案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body { color: #3c3c3c; font-size: 16px; } h2 { te...
2019-01-15 21:17:17
178
原创 连接伪类选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> a:link{ /*未访问过的*/ font-size: 16px; color :gray; fo...
2019-01-14 18:56:44
381
原创 多类名选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .font20{ font-size:20px; } .font14{ font-size:14px;...
2019-01-14 12:59:25
586
原创 学生档案案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <form action =""> <fieldset> &l...
2018-11-06 20:01:43
329
原创 多媒体标签
多媒体标签：embed:标签定义嵌入的内容Audio:播放音频Video：播放视频多媒体audio: 通过src指定音频文件路径即可<audio src= ./music / .mp3”></audio>...
2018-11-06 20:00:36
129
原创 HTML5新定义标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <header>语义：定义页面的头部</header> <n...
2018-11-06 19:59:28
148
原创 表单标签，表单域
表单标签：表单控制（包含了具体的表单功能项，如单行文本输入框，复选框，提交按钮，重置按钮等）；提示信息（一个表单中通常还需要包含一些说明性的文字，提示用户进行填写和操作）；表单域（相当于一个容器，用来容纳所有的表单控制和提示信息，如果不定义表单域，表单中的数据就无法传送到后台服务器）（1）input控件：<input />为单标签。type为最基本的属性。...
2018-11-06 19:56:52
3456
原创 label标签
label标签：用于绑定一个表单元素，当点击lable标签的时候，被绑定的表单元素就会获得输入焦点。for属性规定label与哪个表单元素绑定<labelfor=“male”>male</label><labeltype=“radio” name=“sex” id=“male” value=“male”>代码<!DOCTYPE ...
2018-10-17 22:17:52
7251
3
原创 HTML表单控件的集合
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>好好学习天天向上</title></head><body> 用户名：<input type="text" value ="用户名"/...
2018-10-15 22:29:38
956
原创 HTML表格的一部分代码
1.最原始的表格代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>好好学习天天向上</title></head><body> <h3>我要做一个三行三列的表格</h3>...
2018-10-15 21:08:27
275
原创 HTML表格
表格：（1）创建表格：<table><tr><td></td></tr></table>(只有行没有列，分为几个单元格)（<tr>里只能放<td>标签，<td> 里可以放别的标签）（<table&am
2018-10-15 21:05:07
266
原创 HTML常用的biao'qian
1.排版标签： （1）标题标签：<hn> 标题文本 </hn>（标题最小到六级） （2）段落标签：<p> 段落标签 </p> （3）水平线标签：<hr />(默认样式的水平线) ...
2018-10-15 20:56:35
214
原创 JS中用function和没有用function的区别
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #div1 { width: 100px; height: 100px; background:...
2018-09-17 20:23:29
1374
原创 js效果原理的应用
效果原理 ·准备几套CSS样式表 ·调试好兼容性 ·在点击按钮时，改变herf值onclick的使用 ·当点击时 ·时件可以随意改变html的代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/...
2018-09-17 19:23:45
146
原创 DOM 的一些笔记
13.DOM绘制DOM树 ：DOM操作：*绘制DOM树：childNodes,attributes（属性节点）*从一个中心元素，访问所有的直系亲属元素*访问父元素：parentNode*访问上一个兄弟节点：previousSibling*访问下一个兄弟节点：nextSibling*访问第一个属性节点：attributes[ 1 ]*访问最后一个子节点：lastCh...
2017-12-01 16:29:58
134
原创 异常处理的笔记
异常##异常概念（1）异常就是程序在运行过程中出现的错误（2） 在 js 中出现异常后，浏览器会给出一段错误码，就 是错误消息，错误消息由错误类型与错误信息构成## 如何处理异常（1）就是要出现异常后还能继续执行，异常最大的特征是一旦 代码出现异常其后的代码就不再执行（2）常见的异常有两大类：...
2017-12-01 16:27:52
151
原创 constructor 的一点操作
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script> function Person () { if(...
2017-12-01 16:25:59
324
原创 DOM操作
节点属性<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script > onload = function () { //常见的节点属性 // nodeValue 表示节点的值，所有...
2017-12-01 16:20:30
131
原创 标签的显示模式
1.行内样式表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> 行内样式表适合于样式比较少的样式 <div style="col...
2017-11-17 17:42:13
143
原创 css选择器
1.id选择器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .tou{ color:red; } #big{ color:pink; }/*id...
2017-11-17 17:31:27
164
原创 下标小圆点的制作
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> * { margin: 0; padding: 0; } li { list-style: none...
2017-11-17 17:25:41
277
原创 HTML笔记
HTML1.首先是文本。<>是标签。<strong>我是加粗的文字</strong>.2.骨架。<html> //标签，根节点，根（父）标签。<head> //头标签<title></title> //标题标签</head><body> //主...
2017-11-17 17:13:41
2019
原创 对象的动态特性
对象的动态特性：（1）在js中，一个对象需要属性，就可以利用‘对象。属性名 = 值’的方式为其添加，只要赋值成功对象就新增了属性（2）对象属性的访问形式：* 点语法：‘o.name’* 关联数组：‘o[ name ]’（3）曾经使用function mix(obj1, obj2) {for (va...
2017-11-17 17:10:17
1367
原创 深拷贝与浅拷贝
引用类型与值类型的储存特征：（1）内存逻辑结构（画图）（2）赋值：值类型两个数据，引用类型是两个变量一个数据var number = 123;Var num2 = num;*值类型赋值的存储特点，将变量内的数据全部拷贝一份，存储给新的变量*‘var num = 123’表示变量中存储的数字是123*然后将数据拷贝一份，就是将123拷贝一份，那么内存中有两个数组*将...
2017-11-17 17:04:29
110
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人