- 博客(29)
- 收藏
- 关注
原创 2020-10-06
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ top...
2020-10-06 20:07:41
70
原创 随机点人
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .div { ...
2020-09-30 20:57:48
256
1
原创 2020-09-21
<div id="demo" data-index="2"> </div> <script> var div = document.getElementById("demo"); // 获取元素的属性值 element.属性; console.log(div.id); // element.getAttribute("属性"),get是得到获取attribute属性的意思,程序员自己加的属性叫做...
2020-09-21 15:28:20
76
原创 2020-09-18
缓动动画函数封装obj目标对象 target 目标位置思路:1. 让盒子每次移动的距离慢慢变小, 速度就会慢慢落下来。2. 核心算法:(目标值 - 现在的位置) / 10 做为每次移动的距离 步长3. 停止的条件是: 让当前盒子位置等于目标位置就停止定时器缓动动画就是 盒子当前的位置 + 变化的值(目标值 - 现在的位置) / 10)...
2020-09-18 21:05:35
36
原创 2020-09-17
8.4 添加删除元素(1)createElement创建一个元素节点createElement(“p”)创建一个段落(2)createTextNode创建一个文本节点createTextNode(“文本内容”),创建一个值为“文本内容”的文本节点(3)appendChild 添加子节点(4)removeChild 删除子节点...
2020-09-17 18:43:33
44
原创 计算方差
<script> //循环输入数字进数组 var a=[]; var sum=0; for (var i=0;i<5;i++){ var num=Number(prompt("请输入数")); a[i]=num; //将数组中数字加起来 sum+=a[i];...
2020-09-15 15:24:27
139
原创 2020-09-12
nodeType 属性返回节点类型。如果节点是一个元素节点,nodeType 属性返回 1。如果节点是属性节点, nodeType 属性返回 2。如果节点是一个文本节点,nodeType 属性返回 3。如果节点是一个注释节点,nodeType 属性返回 8。该属性是只读的。...
2020-09-12 20:37:11
38
原创 2020-09-11
6.3 数组的常用属性与方法数组的属性:Length:告诉我们数组的长度:数组名.length 通过该属性可以改变数组的长度数组的常用方法unshift:在数组的头部添加元素,返回值返回的是新数组的长度 Shift:删除数组头部的元素,返回值是刚刚删除的元素indexOf:查找在数组中重复出现的元素第一次出现的位置lastindexOf:查找在数组中重复出现的元素最后一次出现的位置push:在数组的尾部插入元素,返回值是添加元素后数组的长度pop:从数组的尾...
2020-09-11 16:34:09
36
原创 2020-09-08
,通过 HTML5 新增的方法获取document.getElementsByClassName(‘类名’);// 根据类名返回元素对象集合 document.querySelector(‘选择器’); // 根据指定选择器返回第一个元素对象 document.querySelectorAll(‘选择器’); // 根据指定选择器返回 querySelector 和 querySelectorAll里面的选择器需要加符号,比如:document.querySelector(’#nav’);.
2020-09-08 19:35:33
47
原创 循环的大致框架
循环的套路初始条件 循环条件 循环体(重复执行的代码) 为下一次循环做准备当我们遇到问题的时候我们先想四个问题初始状态是什么样的 重复的条件是什么(在什么条件下才会重复) 重复要做什么 怎么过度到下一次循环...
2020-09-07 20:14:09
115
原创 2020-09-05
错误与程序调试程序的错误程序并没有像我们想象中的那样,得到想要的结果错误的可以分为两种语法错误编写代码没有按照语言的要求去编写Alert()写成alort()有某些部分缺少分号或者括号如果代码中发现与语法错误,程序将不会执行逻辑错误代码可以正常运行,但是运行的结果不是我们想要的这种错误我们可以使用单步调试(debug调试)去解决办法:单步调试,让代码一行一行去执行,去看每一行执行结果是否与期望一致,从而判断代码是否有错误打断点在显示行定位错误.
2020-09-05 19:33:00
47
原创 JAVASCRIPT
Javascript笔记Javascript是什么,能干什么一个网页的结构,是通过html决定的脑袋,手脚,身体Css决定了这个网页的样式是高还是矮,是胖还是瘦,是黑还是白这个网页的行为是通过Javascrip决定的走路,跑步,眨眼睛Javascri的发展史它最初由Netscape的Brendan Eich设计。JavaScript是甲骨文公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合,如服务
2020-09-04 20:55:17
110
原创 选择器
什么是选择器?选择器:描述后面的样式施加到哪些目标,或者说根据某个依据 来选择应用的样式根据选择依据的不同,就产生了不同的选择器元素选择器Div{ background-color:red}2.id选择器 根据元素的ID属性来选择 书写格式是: #idname{ xxxxx} #username{font-size:25px}3.类选择器 根据元素的class属性来选择 书写...
2020-08-28 15:28:18
143
原创 基础知识
1背景相关属性Background-color:背景颜色Background-image:背景图片Background-repeat:图片复制选项(repeat在水平,垂直两个方向复制) (repeat-x/y 在水平/垂直方向进行复制) (no-repeat 不复制)...
2020-08-26 15:05:14
130
原创 2020-08-25
一,字体系列(font-fanily)各种字体之间必须使用英文状态下的逗号隔开一般情况下,如果有空格隔开的多个单词组成的字体,加引号.尽量使用系统默认自带字体,保证在任何用户的浏览器中都能正确显示二,字体大小(font-size)px(像素)大小是我们网页的最常用的单位谷歌浏览器默认的文字大小为16px**不同浏览器可能默认显示的字号大小不一致,**我们尽量给一个明确值大小,不要默认大小,可以给 body 指定整个页面文字的大小三,字体粗细(font-weight)学会让加粗标签
2020-08-25 15:14:36
72
原创 每天一点小知识
Table和divTable表格表格的组成部分:标题 表头 主体 表尾Table 定义一个表格Caption 定义表格的标题Thead 定义表头的部分Tbody 定义表格的主体(数据)部分Tfoot 定义表尾 一般来显示汇总信息Tr 定义一行Th td 来定义数据项(单元格)th 一般用于表头 有加粗的样式 Td 一般用于主体部分 没有加粗的样式...
2020-08-24 20:48:59
94
转载 分享一下很有帮助的标签链接 非原作者
语法:<a href="">内容</a>链接属性:href 、target、title、namehref:链接地址,可以是内部链接或外部链接内容可以是文字也可以是图片 如:<a href="http:www.baidu.com">链接</a><a href="http:www.baidu.com"><img src="img/埃菲尔铁塔.jpg"/ alt="埃菲尔铁塔" width="20%" height="60%" >...
2020-08-23 15:12:51
62
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人