- 博客(28)
- 收藏
- 关注
RSS订阅原创 JavaScript 切换图片
JavaScript 切换图片<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me...
2019-06-04 19:54:53
273
原创 JavaScript 中字符串
JavaScript 中字符串1. 对象的创建方法var txt = new String("hello");console.log(txt,txt.valueOf(),txt.toString(),typeof txt)2.只有引用类型可以添加自定义属性txt.age = 18;3.基本类型字符串txt = "hello";// 访问的时候...
2019-06-04 19:44:54
179
原创 JavaScript 数组内置方法补充
JavaScript 数组内置方法补充1.forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数注意: forEach() 对于空数组是不会执行回调函数的。var numbers = [4,9,16,25];function fn(value,i) {console.log("测试回调打印",value,i);}numbers.forEach(f...
2019-06-04 10:34:38
253
原创 JavaScript 中基本类型和引用类型赋值的区别
JavaScript 中基本类型和引用类型赋值的区别一、基本类型(Number、String、Undefined、Null、Boolean):1.基本类型的值是不可变的,我们不能给基本类型添加属性和方法验证:基本类型的值不可变var person = "jozo";// 添加age属性person.age = 22;console.log(perso...
2019-06-03 20:44:48
353
原创 JavaScript 中的数组的内置方法
JavaScript 中的数组的内置方法1. 创建数组的两种方式方式一：var numbers = [10,20,30];console.log(numbers);如图所示：方式二：numbers = new Array(100,200,300);console.log(numbers);如图所示：2. 二维数组 把所有的数...
2019-06-01 15:26:24
275
原创 JavaScript 中随机生成7个数字,保存到数组中,范围[1-10]----不能重复
JavaScript 中随机生成7个数字,保存到数组中,范围[1-10]----不能重复arr.indexOf(value)假如没有:返回-1有:返回下标<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name...
2019-06-01 14:49:31
3085
原创 JavaScript 自定义函数
JavaScript 自定义函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <m...
2019-05-31 18:10:16
414
原创 JavaScript 随机变颜色和高度
JavaScript 随机变颜色和高度<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &...
2019-05-31 18:06:42
356
原创 JavaScript Math内置函数
JavaScript Math内置函数 /* Math 对象 pow(x,y) 返回 x 的 y 次幂 sqrt(x) 返回 x 的平方根 */ console.log(Math); console.log(Math.PI); var n = Math.abs(-10); console.lo...
2019-05-31 17:57:54
373
原创 JavaScript中编程将所有“水仙花数”打印出来，并打印其总个数。
JavaScript中编程将所有“水仙花数”打印出来，并打印其总个数。“水仙花数”是一个各个位立方之和等于该整数的三位数(个位数立方 + 十位数立方 + 百位数立方 = 这个整数)。方法一： var count = 0; //水仙花总个数数 var numArr = []; // 保存水仙花数; // 百位数 for(var i = 1; i < ...
2019-05-31 17:46:51
2740
原创 JavaScript 给定某年某月,输出其为这一年的第几天
JavaScript 给定某年某月,输出其为这一年的第几天方法一: var year = 2000; var month = 3; var day = 10; var sum = 0; if (month == 1) { sum = 0; } else if (month ==...
2019-05-31 17:40:46
379
原创 JavaScript 中用循环找数组中的最大最小值
JavaScript 中用循环找数组中的最大最小值 //var numbers = [100,200,888,109,1,5,100]; 找里面的最大值,以及它所在下标 // 假设一个最大值 var numbers = [100,200,888,109,1,5,100]; var max = numbers[0]; var min ...
2019-05-31 17:31:00
1123
原创 JavaScript 循环for、while、do while
JavaScript 循环for、while、do while一、for 循环// 1-10; 循环// i++ 自增i,控制循环结束for(var i = 1; i <= 10; i++){document.write(i+',');}document.write("<hr>跳出循环时 i = "+i);如图所示:// ...
2019-05-30 17:55:09
184
原创 JavaScript 点击灯泡开关
JavaScript 点击灯泡开关首先导入两张照片： 方法一:<img src="./img/1.gif" alt="" onclick="toggle()" id="bulb"> <script> var bulbImg = document.getElementById('bulb'); ...
2019-05-30 17:26:13
2680
原创 JavaScript 条件语句 if 、switch、三元运算符
JavaScript 条件语句 if 、switch、三元运算符一、if 语句// 找最大值,保存最大值var a = 160, b = 20, c = 135;// 假设a是最大值var max = a;if (max < b) {max = b;}if (max < c) {max = c;}console.log(ma...
2019-05-29 19:47:46
228
原创 JavaScript 中比较、逻辑运算符
JavaScript 中比较、逻辑运算符一、比较运算1.比较运算：返回true 或者 false2.一个等于号是赋值,两个或者三个才是比较var x = 18;var value = x == "18"; //一个疑问句 x是不是等于18？console.log(value); // 返回一个布尔值var value = x >= 18; //一个疑...
2019-05-29 19:30:27
240
原创 JavaScript三种引入类型:对象、数组、函数
JavaScript 三种引入类型: 对象(Object) 数组(Array) 函数(Function)一、对象(Object)var person = {// key:value// 对象下的 属性name: "lll",age: 18,sex: "男",girl:{name:"小宁"},// 对象下的 方法buyBread:functio...
2019-05-29 17:48:49
195
原创 JavaScript基础语法
JavaScript基础语法一、js的三种调试方式1.控制台调试输出(最优方式)console.log("hello word");console.log("学习JavaScript");如图所示：2.document.write("")document.write("hello world");document.write("<h...
2019-05-29 17:24:49
93
原创 单行文本超出隐藏后使用省略号表示超出部分
单行文本超出隐藏后使用省略号表示超出部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
2019-05-27 17:56:07
158
原创 利用border制作小三角
利用border制作小三角<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta...
2019-05-27 17:40:40
132
原创 清除图片底部离父元素的间距
图片默认底部距离父元素有一点点间隙<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...
2019-05-27 17:12:12
246
原创 页面高度百分百
让图片铺满,并且可以滚动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...
2019-05-27 16:52:39
292
原创 relative、absolute定位居中以及小总结
relative、absolute 定位小总结:一、relative 定位总结:特点:1.除了位置被left等四个属性影响,对元素没有任何影响(大小)2.只设置position属性,元素没有任何变化3.元素的参照位置是自身的初始位置4.定位偏移后,元素的位置会被保留5.定位元素会被提升层级,会遮挡没有定位的元素;如果都有定位,下面的元素层级会大于上面的元素...
2019-05-27 16:36:09
1672
原创 清除浮动的三种方式
清除浮动的三种方式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...
2019-05-27 16:04:00
94
原创 CSS中Margin的注意问题
Margin中有三种问题一、同级塌陷 谁小塌陷到大的里面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0...
2019-05-23 15:40:52
773
原创 css中display问题
display可以将元素变为内联元素,也可以将元素变为块元素一、display:inline 将元素变为内联元素(同一行显示块元素)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content...
2019-05-22 20:02:37
290
原创 CSS中显示隐藏问题
css中有两种方式可以将块元素显示与隐藏一、visibility属性visibility:hidden 元素被隐藏,位置被保留,影响布局 visibility:visible 元素显示
2019-05-22 19:34:10
356
原创 HTML、CSS小知识总结
字体样式可以被继承,自己的样式优先级大于继承来的。 <a>标签有默认颜色,继承来的优先级不够,只能自己设置自己的颜色。 自己的样式优先级大于继承来的。 背景图不能撑起元素的高度,元素有高度才能显示。 img标签使用方便,宽高设置灵活,img有titile和alt属性,提示性更好, ...
2019-05-22 17:06:56
124
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人