- 博客(25)
- 收藏
- 关注
原创 js数组常用方法
1.json语法格式定义: var json={name:‘Lucy’,age:22};调用:json.name赋值:json.name=‘miaov’;json[‘name’]=‘miaov’;
2019-08-08 19:02:16
177
原创 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
185
原创 系统时间对象
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
123
原创 说说定时器嵌套那点些事儿
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
2970
原创 百度音乐全选操作
看了很多模拟百度音乐全选操作小例子,觉得还原度都不高,自己写了个(包括按钮的禁用啥的都满足了),一起学习<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #content{margin: ...
2019-07-28 00:58:15
322
原创 定时器
格式: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
116
原创 getComputedStyle()获取样式
getComputedStyle(obj).width;getComputedStyle():获取到的是计算机(浏览器)计算后的样式但是,存在兼容性问题,IE9可以,IE9以前版本都不可以。obj.currentStyle.width;可以得到上述效果但是标准浏览器不兼容处理该兼容性问题(属性判断法):if(obj.currentStyle){alert(obj.currentSty...
2019-07-27 18:13:28
3305
原创 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
159
原创 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
14270
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
147
原创 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
129
原创 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
1023
原创 js小技巧(持续更新中)
判断是不是数字typeof a===‘number’ && a===a//由于浏览器问题,有时需要把typeof a 转为小写// a===a 是为了排除NaN
2019-07-23 23:06:37
69
原创 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
856
原创 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
74
原创 一分钟实现带尖角的提示框
实现效果: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
1165
原创 简单模拟QQ列表
包含:自定义属性使用,CSS样式优先级问题,for循环嵌套获取元素,全部清除后设置样式,记录上一个,只清除上一个然后设置样式 我的好友...
2019-07-22 09:55:35
316
原创 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
532
原创 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
1994
原创 初识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
132
原创 模拟手机短信发送知识点
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
501
原创 js属性
1.属性的读操作:元素.属性名ex: varoBtn=document.getElementById(‘btn1’); oBtn.type/oBtn.id/oBtn.valueex: 北京 上海 杭州 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190718162636768.png)var oSelect=...
2019-07-19 10:48:34
130
原创 js热身小知识点
希望把某个元素移除你的视线:1、 display:none;显示为无 也不占文档流2、 visibility:hidden;隐藏 会占用文档流3、 改变width\height,干掉边框4、 改变透明度5、 改变left\top6、 拿一个白色的div盖住7、 margin负值……如何添加事件:元素.onmouseover 元素的鼠标移入事件(.相当于的)函数:可以理解为命...
2019-07-17 19:15:19
76
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人