- 博客(33)
- 收藏
- 关注
RSS订阅原创 JavaScript 事件
事件对象兼容性写法：e=e||window.event事件对象：在事件触发时，由浏览器传递给事件的接收事件对象：在事件处理函数内接收target:目标 如：buttontype:区分种类 如：mouseoverclientX clientY(支持所有浏览器)pageX pageY(不支持IE)cancelable:trueIE兼容性: window e...
2019-02-22 21:39:48
191
原创 JavaScript 函数闭包和变量总结
函数闭包：有权在一个函数内部访问另一个函数作用域中的变量，并且将该函数返回。function show(){ var a=10; console.log(a); return function(){ var b=20; console.log(a+b); };} show();//10 show()();//30解决闭...
2019-02-22 21:01:28
221
原创 JavaScript this对象
this对象： 在对象内或者new的时候，this指的是当前对象各自的定义: call 调用一个对象的一个方法，用另一个对象替换当前对象 apply 调用一个对象的一个方法，用另一个对象替换当前对象共同之处： 都可以用来代替另一个对象调用一个方法，将一个函数的对象上下文从初始的上下文改...
2019-02-22 10:46:23
208
原创 JavaScript 录入班级学生(姓名、年龄、学号)，输出所有学生的学号、姓名和年龄
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script typ
2019-02-22 09:38:28
15905
1
原创 JavaScript 数组内置方法
1.栈方法(先进后出) 修改原数组 push(item...item) 在数组末尾添加元素 pop 删除数组末尾元素var arr=[];arr.push(20);arr.push(30);console.log(arr);//输出 20 30arr.pop();console.log(arr);//输出 2...
2019-02-21 21:14:11
175
原创 JavaScript 数组
1.数组(Array):就是一组数 引用类型[ ]2.数组定义： (1) new Array(); 创建空数组 (2) new Array(item,item,item...);定义同时即初始化 (3) new Array(length);定义指定长度的数组 (4) [ ] 例：var str=[ ...
2019-02-20 20:47:15
77
原创 JavaScript实现鼠标拖动图片移动效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> img{width:
2019-02-20 14:38:11
7310
1
原创 JavaScript实现键盘控制小球
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">
2019-02-20 13:46:21
310
原创 JavaScript 实现轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> #box{width:
2019-02-20 13:38:18
202
原创 JavaScript实现校验表格
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> input
2019-02-20 13:36:20
188
原创 用JavaScript实现根据输入框内容，搜索表格，被检索项高亮显示
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> table{width
2019-02-18 21:22:50
1129
原创 JavaScript 正则表达式与字符串
什么是 RegExp？ RegExp 是正则表达式（Regular expression）的缩写，作用是对字符串执行模式匹配。 通常用于数据校验、格式验证、正则替换、查找子串等；RegExp 语法： 1.var reg = new RegExp(pattern [, flags]); 2.var reg = /pattern/flags...
2019-02-18 21:15:59
379
原创 用JavaScript实现 页面上有一个按钮，点击后能在文本框内显示出当前系统时间
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <button id=
2019-01-24 20:17:07
9473
1
原创 JavaScript 事件
事件：（一件事） 以on前缀开始 on 事件 事件不会自己执行，需要触发（事件只要被触发之后才可以执行）事件三要素： （1）事件对象 （2）事件名称 （3）事件处理函数常见事件写法： （1）嵌入式 ...
2019-01-24 11:40:50
96
原创 DOM节点操作
write() 这个方法可以把任意字符串插入到文档中document.createElement() 创建一个元素节点 var oDIV=document.createElement('div');//创建节点对象oDIV.innerHTML='hello world';//为节点对象添加新内容console.log...
2019-01-18 22:00:46
106
原创 DOM
DOM:（Document Object Model）即文档对象模型,是为了让开发人员通过js的方式操作HTML页面或者XML页面.DOM节点对象属性: 1.childNodes 获取当前元素节点的所有子节点（元素节点 文本节点）var o=document.getElementById('box');var cs=o.childNodes;//子节点co...
2019-01-18 20:56:20
77
原创 JavaScript中String对象常用方法
1.charAt() 查找指定位置的字符2.concat() 字符串连接，可两个或多个连接3.indexOf() 查找子串在母串中位置（第一次出现的位置） 找不到返回 -14.replace() 字符串中查找匹配的子串(只能替换第一个)， 并替换与正则表达式匹配的子串...
2019-01-17 21:58:49
857
原创 JavaScript String 对象
String对象: String对象用于处理文本（字符串），每一个字符串均为String对象的一个实例。String对象分为两种： 1.属性：length（长度） 字符串中字符的个数； var str='hello';var str1='';var str2=' ';console.log(str.length);//5console.l...
2019-01-17 10:26:47
136
原创 JS 变量的作用域
变量的作用域：变量的作用范围根据作用域不同，将变量分为以下两类：（1）全局变量 1》在函数外部定义的变量 2》变量定义时未使用var关键字 3》window对象的属性（2）局部变量 1》在函数内部定义的变量（包含参数位置） 总结： 1.全局变量生命周期较长，占用内存时间长，不利于回收 ...
2019-01-14 17:20:14
126
原创 JS 国际象棋64格。第一个放一粒，后面每一格都放上一格的2倍。问第64个格上会放多少粒米？
function show(){ var a=1; for(var i=1;i<64;i++){ a*=2; } console.log(a);}show();
2019-01-12 10:44:04
5484
原创 JS break和continue的区别
break和continue都是用来控制循环结构的，主要是停止循环。break 有时候我们想在某种条件出现的时候终止循环而不是等到循环条件为false才终止。 这时我们可以使用break来完成。break用于完全结束一个循环，跳出循环体执行循环后面的语句。for(var i=0;i<5;i++){ if(i%2!=0){ break;//结束...
2019-01-12 10:29:04
2246
原创 JS setTimeout和setInterval的区别
1.setTimeout和setInterval都属于JS中的定时器，可以规定延迟时间再执行某个操作，不同的是setTimeout在规定时间后执行完某个操作就停止了，而setInterval则可以一直循环下去。function fun(){ alert('hello');} setTimeout(fun,1000);//参数是函数名 setTimeout('fun()',1000)...
2019-01-12 10:10:44
63403
2
原创 JS代码实现打印1--100以内的质数（只能被1和其本身整除的数就是质数，1不是质数）
function show(row){ var sum=0; for(var i=2;i<row;i++){ var coal=true; for(var j=2;j<=i;j++){ if(i%j==0){ coal=false; break; } } sum+=i;}...
2019-01-11 20:49:43
3717
1
原创 JS参数函数
JS参数函数分为四种：无参函数有参函数带有返回值的函数匿名函数有参函数：1）形参：函数定义时的参数2）实参：函数调用时的参数3）函数的参数理论上可以有无限多少个，多个参数之间使用逗号隔开4）函数类型不限制带有返回值的函数：return语句1）将结果返回2）结束函数//带有返回值的函数 计算两个数据的差function diff(){ var val;//...
2019-01-11 20:22:51
821
原创 用JS代码实现输出日期，日期格式为：yyy-MM-dd
var date=new.Date; var year=date.getYear; var month=date.getMonth+1; var day=date.getDate; document.write(year+'-'+month+'-'+day);
2019-01-11 19:48:30
3877
原创 js从键盘接收用户姓名，若接收到姓名，则输出姓名，否则，输出“无数据”
function getName(){ var name=prompt('请输入您的姓名: '); if(name=null||name=' '){ return '无数据'; } return name;} var sName=getName(); console.log(sName);
2019-01-11 19:36:02
921
原创 JS求 一张纸厚度是0.07毫米，假设这张纸可以限次对折，问对折几次可以超过珠峰？8848米
function show(){ var h=884800000;//珠峰高度 var w=7;//纸张厚度 var count;//纸张对折次数 while(true){ w*=2; count++; if(w>=h){ document.write('可以对折： '+count+'次超过珠峰')；...
2019-01-11 19:28:36
4095
原创 用JS求取某个日期是星期几（例如：2017/9/25）
var date=new Date('2017/9/25');var week=date.getDay();var w;switch(week){ case 0: w='星期日'; break; case 1: w='星期一'; break; case 2: w='星期二'; break;...
2019-01-11 19:06:27
1810
原创 JS函数语法
1.函数就是一种封装。2.定义函数：function 函数名(){函数体；}3.函数不会自动执行，需要被调用才可以执行。函数名();4.函数命名规则：1》以字母、￥、开头；2》可以包含数字、字母、$、；3》区分大小写；4》不能使用关键字和保留字。驼峰命名法：若名称由多个单词组成，则第二个单词开始，首字母大写。5.区别变量名和函数名不成文的规定：函数名 动词变量名 ...
2019-01-11 18:55:13
667
原创 JS while循环，do...while循环语法
while循环：语法：while(判断条件){循环体；}执行规则：当判断条件为真时，则执行循环体；do…while循环：语法：do{循环体；}while(判断条件)；执行规则：先执行循环体；若判断条件为真，则执行循环体；...
2019-01-09 21:31:30
2231
原创 JS for循环扩展
break语句 结束语句通过输入框录入数字，当遇到exit时，结束录入。for(var i=0;;i++){ var num=prompt('请输入数字： '); if(num=='exit'){ break;//结束循环体 }}continue语句 结束本次循环，继续下次循环for(va...
2019-01-09 21:22:10
206
原创 JS for循环语法
for 循环：语法结构：for（循环条件初始化；循环条件判断；循环迭代）{循环体；}执行规则：第一步：循环条件的初始化（只在最开始执行一次）第二步：循环条件判断1》若判断条件结果为真：则执行循环体；2》若不成立：结束循环；第三步：循环迭代第四步：回到第二步...
2019-01-09 21:08:58
631
原创 运算符的运用
运算符根据操作数的个数分为：一元（一目）运算符、二元（二目）运算符、三元（三目）运算符（1）算术运算符 + - * / %（取余） var a=5; var b='3'; var c=2;//5; 注意：+ 两边有一个字符串类型时，则执行拼接操作，结果为字符串类型。（2） 赋值运算符 =（赋值） += -= *=...
2019-01-07 21:34:10
217
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人