- 博客(25)
- 收藏
- 关注
RSS订阅原创 js数组常用方法
1.json语法格式定义： var json={name:‘Lucy’,age:22};调用：json.name赋值：json.name=‘miaov’;json[‘name’]=‘miaov’;
2019-08-08 19:02:16
274
原创 js字符串方法
1.charCodeAt()var str='妙味课堂'; alert(str.charCodeAt());//括号中什么也不写，默认第0个，返回汉字编码2.String.fromCharCode(); 静态方法alert(String.fromCharCode(22937));//妙，根据编码返回汉字alert(String.fromCharCode(22937，21619)...
2019-08-06 16:21:43
233
原创 系统时间对象
1.new Date()alert(new Date()); //当前系统时间对象，当前指代码读到此处时2.从中拆分出年月日等var myTime=new Date(); var iYear=myTime.getFullYear(); alert(iYear);其他方法有; var iYear = myTime.getFullYear(); ...
2019-08-04 17:45:20
165
原创 说说定时器嵌套那点些事儿
setInterval(function(){ doMove(color,'left',10,600); },50); setInterval(function(){ doMove(content,'left',10,600); },50); // color和content加载后一起运动setInterval(function(){ doM...
2019-08-01 00:13:34
3067
原创 百度音乐全选操作
看了很多模拟百度音乐全选操作小例子，觉得还原度都不高，自己写了个（包括按钮的禁用啥的都满足了），一起学习<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #content{margin: ...
2019-07-28 00:58:15
363
原创 定时器
格式：var timer=setInterval（函数名，毫秒） //重复执行1秒=1000毫秒clearInterval（setInterval（函数名，毫秒））；//清除定时器clearInterval（timer）；var timer=null;aBtn[0].onclick=function(){clearInterval(timer); //可以清除null、undefin...
2019-07-28 00:53:36
144
原创 getComputedStyle()获取样式
getComputedStyle(obj).width;getComputedStyle()：获取到的是计算机（浏览器）计算后的样式但是，存在兼容性问题，IE9可以，IE9以前版本都不可以。obj.currentStyle.width;可以得到上述效果但是标准浏览器不兼容处理该兼容性问题(属性判断法)：if(obj.currentStyle){alert(obj.currentSty...
2019-07-27 18:13:28
3393
原创 arguments实参集合与局部变量、参数关系
fn1(1,2,3); //实参——实际传递的参数// function fn1(a,b,c){}; // 形参——形式上，abc代表123//只写实参不写形参一样可以function fn1(){//函数中自带的arguements==>[1,2,3]——实参的集合alert（arguements[2]）; // 3}当函数参数个数无法确定时，用arguements...
2019-07-27 11:45:25
203
原创 return返回值详解
函数返回值return详解① alert(fn2()); //function(){alert(1);}function fn2(){ return function(){ alert(1); }}② fn2()();//1function fn2(){ return function(){ alert(1)；...
2019-07-27 11:20:06
14379
1
原创 js运算符、程序流程控制
运算符== 和 ！== ：‘200’==200 ✔ 数值相等即可，同理于!==== 和！==：‘200’===200 ❌ 全等时会先判断类型，再判断数值var a= 12<90&&20; //左边对计算右边 alert(a); //20 var a= 120<90&&20; //左边不对，直接返fal...
2019-07-26 00:36:37
194
原创 js作用域
alert(a); //undefinedvar a=1;function fn1(){alert(2);}浏览器执行步骤：找到 script后利用 “js解析器”1）“找一些东西”：var function 参数 （js的预解析）通过var 找到了变量a，先不管=后面的内容，a=未定义所有的变量，在正式运行代码之前，都提前赋了一个值：未定义fn1= function fn1...
2019-07-25 15:46:55
176
原创 js函数传参
1.函数作为参数进行传递情况1：fn3（function（a）{alert（a）}； ）；function fn3(fn){fn(100);//此时fn执行，弹出100}情况2： functionfn4(){alert(4);}fn3(fn4); //传递时，只把函数名传递过来即可，不能加()function fn3(fn){fn();}对象作为参数进行传递fn5...
2019-07-23 23:52:25
1093
原创 js小技巧（持续更新中）
判断是不是数字typeof a===‘number’ && a===a//由于浏览器问题，有时需要把typeof a 转为小写// a===a 是为了排除NaN
2019-07-23 23:06:37
105
原创 js中严格判断NaN
var arr = [ ‘100px’, ‘abc’-6, [], -98765, 34, -2, 0, ‘300’, , function(){alert(1);}，null, document, [], true, ‘200px’-30,‘23.45元’, 5, Number(‘abc’),function(){ alert(3); }, ‘xyz’-90 ];判断其中哪些是NaN？若直接...
2019-07-23 16:50:11
908
原创 js数据类型以及转换
js数据类型：数字（NaN）、字符串、布尔、函数、对象、数组、json、null、undefined（未定义）typeof判断数据类型var i=100；alert（typeof i）；//numbervar s=‘ miao’；alert（typeof s）；//stringalert（s.length）；//5 空格也算一位var obj=window;alert(typ...
2019-07-23 14:29:16
102
原创 一分钟实现带尖角的提示框
实现效果：CSS：#out{height: 100px; width: 200px; border: 1px solid black; position: relative;border-radius: 10px;}#in{height: 10px; width: 10px; border-bottom: 1px solid black; position: absolute;bott...
2019-07-22 16:10:18
1300
原创 简单模拟QQ列表
包含：自定义属性使用，CSS样式优先级问题，for循环嵌套获取元素，全部清除后设置样式，记录上一个，只清除上一个然后设置样式 我的好友...
2019-07-22 09:55:35
358
原创 js自定义属性之开关
for(var i=0;i<aH2.length;i++){aH2[i].index=i;aH2[i].onOff=true;//充当一个开关aH2[i].οnclick=function(){if(this.onOff){aUl[this.index].style.display=‘block’;this.className=‘active’;this.onOff=false...
2019-07-22 01:06:33
585
原创 js自定义属性、索引值
自定义属性：js可以为任何HTML元素添加任意个自定义属性假设有按钮var btn=document.getElementsByTagName(‘input’)[0];btn.abc=123;btn.xyz=true;相当于添加索引值（就是新加一个自定义属性，可以控制元素单独计数或者改变样式等）for(var i=0;i<btn.length;i++){btn[i...
2019-07-21 18:37:49
2058
原创 初识for循环
1.#list{ } var oUl=document.getElementById(‘list’); 静态方法，其中document不可以替换li{ } document.getElementsByTagName(‘li’); 动态方法，其中document可以替换#list li{ } var aLi=oUl.getElementsByTagName(‘li’);2.文档...
2019-07-20 17:31:50
176
原创 模拟手机短信发送知识点
CSS部分1.margin: 60px auto;在居中的同时，会距离上边距60像素2.background:url(img/iPhone.png) 0px 0px no-repeat;类似于坐标，以左上角为起点，相当于坐标轴的第四象限。展开为banckground-position若后接百分数值：假设你希望用百分数值将图像在其元素中居中，这很容易：body{backgrou...
2019-07-20 09:36:05
549
原创 js属性
1.属性的读操作：元素.属性名ex： varoBtn=document.getElementById(‘btn1’); oBtn.type/oBtn.id/oBtn.valueex: 北京 上海 杭州 var oSelect=...
2019-07-19 10:48:34
173
原创 js热身小知识点
希望把某个元素移除你的视线：1、 display：none；显示为无 也不占文档流2、 visibility：hidden；隐藏 会占用文档流3、 改变width\height，干掉边框4、 改变透明度5、 改变left\top6、 拿一个白色的div盖住7、 margin负值……如何添加事件：元素.onmouseover 元素的鼠标移入事件（.相当于的）函数：可以理解为命...
2019-07-17 19:15:19
101
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人