- 博客(40)
- 收藏
- 关注
RSS订阅原创 JavaScript函数
<script type="text/javascript"> /* 1.函数：封装 封装一次，终身受益 2. function 函数名(){ 函数体; } 3. 函数命名规则： 同变量名 4.函数不会自己执行，需要被调用才可以执行 函数名(); 5.如何区分函数名和变量名 一般情况下：变量名 名词 函数名 ...
2020-11-19 10:13:34
166
原创 初次网线制作总结
如何制作网线？需要的材料：水晶头、网线、网线钳、网线测试仪 排线次序：白黄、白蓝、白青、白棕 排好线后要注意线的长度（线太长：水晶头容易脱落，线太短：会插不到位。） 线插到位后，使用网线钳把线压紧。 网线制作好，利用网线测试仪检测网线是否能用。（每个灯都会亮就说明网线制作完好）...
2020-11-19 10:08:54
775
原创 Visual Studio Code必备开发插件汇总(网址版)
Visual Studio Code怎样设置成中文（汉化）https://jingyan.baidu.com/article/b87fe19ec7d9241219356820.htmlVisual Studio Code中文件怎样预览在浏览器https://jingyan.baidu.com/article/eae078276b47741fed548542.htmlVisual Stu...
2019-09-18 10:02:56
334
原创 javascript制作网页轮播图效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{ padding: 0; margin: 0; } body...
2019-05-10 08:33:07
3103
原创 javascript制作幻灯片切换效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> #box{ width: 180px; height: 390px; ...
2019-05-10 08:26:02
1026
原创 javascript制作页面广告出现、关闭效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{ padding: 0; margin: 0; } #ad{...
2019-05-09 09:11:46
899
原创 javascript制作键盘控制圆的移动效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{padding: 0;margin: 0;} #box{width: 100...
2019-05-09 09:06:32
413
原创 javascript制作圆在两墙之间运动效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{padding: 0;margin: 0;} #box{width: 100...
2019-05-09 08:57:29
157
原创 JavaScript制作按钮控制圆移动效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{padding: 0;margin: 0;} #box{width: 80p...
2019-05-09 08:52:12
717
原创 javascript制作查找表格内容并高亮显示效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> table{ width: 500px; border-collapse: collapse; b...
2019-05-09 08:47:21
955
原创 DOM查找元素方法及用法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> /* 1.根据ID查找元素 document.getE...
2019-05-09 08:33:28
1413
原创 javascript制作表格行高亮显示效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> table{width: 500px;border: 1px solid gray;...
2019-05-08 21:35:57
746
原创 javascript内容改变（change）事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <select name="" id="slt"> <option va...
2019-05-08 21:33:42
8724
原创 javascript制作图片跟随鼠标效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> img{width: 50px;height: 50px;position: abs...
2019-05-08 21:30:43
214
原创 javascript制作颜色改变
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> ul,li{list-style-type: none;} ul li{floa...
2019-05-08 21:27:19
389
原创 用js代码做一个商城倒计时秒杀
实现倒计时 2018/12/11 12:00:00 开始秒杀还剩：xx小时xx分钟xx秒<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javasc...
2019-05-06 17:36:47
1529
2
原创 用js代码做一个页面广告栏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{ margin: 0;padding: 0; } #ad{ ...
2019-04-28 20:06:34
1284
原创 javascript函数习题
1.输出100以内与7有关的数function num(a){ for(var i=1;i<=100;i++){ if (i%a==0||parseInt(i/10)==a||(i%10)==a) { document.write(i+'<br>'); } } }num(7);2.输出从1到100之间所有不能被3整除的数;...
2019-04-28 20:03:08
3497
1
原创 用js代码做一个杨辉三角
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script type="text/javascript"> functio...
2019-04-25 21:40:21
1843
原创 用js代码做一个超市找零事件
迎五一，超市大促销，消费满1000元，打9折，消费慢500元打95折，根据：顾客消费情况，计算找零信息。用独立函数实现。function main(){ //1.录入商品信息，计算金额 var prePrice=getPrePrice(); //2.计算真实消费情况 var cusMoney=delPrice(); //3.告知顾客，收银 var payM...
2019-04-25 21:31:04
1606
原创 javascript循环结构习题
1.根据用户输入的数据，判断水仙花数（三位数），（153=111+555+333）每位数字的立方和等于等于该数即水仙花数如果是水仙花数，则输出“是”，否则输出“否”var nar = prompt("请输入三位数："); var a = nar % 10;//个位数 var b = (nar % 100 - a) / 10;//十位数 var c = parseInt(nar / 1...
2019-04-25 21:26:41
1966
原创 javascript的变量作用域
<script type="text/javascript"> // var a=10;//全局 // function show(a){ // console.log(a);//就近原则 局部变量 // } // show(20); var a=10; function show(){ a=2010;//局部 就近 console.log(a); }...
2019-04-25 21:04:56
101
原创 JavaScript面向对象之自定义
<script type="text/javascript"> var student=new Object();//创建学生对象 //添加属性 student.no=1000;//学号 student.name='花花';//姓名 student.age=20;//年龄 student.gender='男';//性别 //添加方法 //考试 student.te...
2019-04-23 21:16:58
149
原创 JavaScript面向对象之录入学生信息
录入5个学生的信息(学号、姓名、年龄) 1）输出所有学生信息 2）输出年龄最大的同学的姓名<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body>...
2019-04-23 21:08:24
2539
原创 JavaScript数组内置方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> /* 数组内置方法： 1）栈方法(先进后出) ...
2019-04-22 13:15:42
165
原创 JavaScript数组知识
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script type="text/javascript"> /* 1...
2019-04-22 13:12:45
108
原创 JavaScript字符串及内置方法
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body> <script type="text/javascript"> /* 字符串...
2019-04-22 13:03:47
490
原创 JavaScript常见页面事件及用法
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><script type="text/javascript"> /* 常见的UI(页面)事件 load resize 尺寸改...
2019-04-22 11:17:57
1221
原创 正则表达式
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body> <script type="text/javascript"> //将字符串中数字...
2019-04-22 10:31:49
81
原创 form表单
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css"> span{ display: none; color: red; font-si...
2019-04-22 10:28:11
79
原创 正则与表单校验
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css"> input{ margin-top: 10px; } span{ color: ...
2019-04-22 10:25:16
92
原创 JavaScript程序结构
程序结构：顺序结构、分支结构、循环结构1.if语法 用法：if(条件){ 语句 } if(条件){}else{} 多分支语句语法：if(){}else if(){}else{}2. switch结构只能用于单值比较，并且为全等比较 语法：switch(){ case 1: break; case 2: ...
2019-04-18 21:33:37
347
原创 JavaScript入门知识点
JavaScript代码可以存在于页面中的任何位置一、引入外部JS文件1) 外链<script src="js/..."></script>2) 内链<script type="text/JavaScript">...</script>二、JS注释//行注释（放到行前面/后面）/*多行注释*/三、 常见的输出语句常见的输出语句：...
2019-04-18 21:13:55
106
原创 用js代码制作网页轮播图效果
Document <script type="text/javascript"> //获取元素 var o=document.querySelector('.cou'); var as=document.querySelector('...
2019-04-18 19:47:20
6058
原创 事件流
*/ 事件流：事件的传递方式 冒泡： 事件由最具体的元素开始，层层向外传递，直到最外层元素 主流浏览器：冒泡机制 捕获： 由最外层元素开始，层层向内传递，直到具体元素 阻止事件冒泡： e.stopPropagation(); IE: e.cancelBubble=true;*///css样式代码#box1{ width: ...
2019-04-11 20:12:57
161
原创 w3c事件
#box{width: 150px;height: 150px;background-color: purple;}<button id="btn-z">隐藏</button><button id="btn-x">显示</button><button id="btn-q">切换</button><div id="...
2019-04-11 20:06:04
143
原创 用JavaScript设置图片切换事件
div{ width: 500px; height: 300px; text-align: center; } div img{ width: 450px; height: 240px; } ul li{ float: left; width: 180px; height: 160px; border: 1px solid blue; margin...
2019-04-11 20:02:17
1908
原创 用js在指定位置插入图片
//设置图片大小 img{ width: 150px; height: 100px; } //设置无序列表样式 ul,li{ list-style: none; } ul li{ float: left; margin-right: 10px; } <button id="btn1">insert1</button><but...
2019-04-10 20:48:39
14491
原创 JavaScript多分支语句习题
//1.提示用户输入年龄．如果大于等于18．则告知用户可以查看．如果小于10岁，则告知不允许查看．如果大于等于10岁．则提示用户是否继续查看 （yes、no） var age=prompt('请输入年龄'); if (age>18) { alert('可以查看'); }else if (age<10) { alert('不可查看'); }else{ alert('...
2019-04-10 20:38:19
2499
原创 javascript直接量和变量
<script type="text/javascript"> /* 直接量：字面量 1.数值 ：数字 1,3,5,7,-1,-100,-1.0,1.999 2.字符串 : 被'' "" 包裹的内容 '我们' "你们" '3.14' 3.其他：true,false ,/\d/g 变量：变化 1.什么是变量 2.定义变量 ...
2019-03-26 19:01:58
388
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人