- 博客(21)
- 问答 (2)
- 收藏
- 关注
原创 JS中常见的浏览器兼容问题和解决方法
今天整理了一下浏览器对JS的兼容问题,希望能给你们带来帮助,我没想到的地方请留言给我,我再加上;常遇到的关于浏览器的宽高问题://以下均可console.log()实验 var winW=document.body.clientWidth||document.docuemntElement.clientWidth;//网页可见区域宽 var winH=docum
2016-11-15 19:01:36 646
原创 js入门篇之正则表达式基础
定义:正则用于规定在文本中检索的内容,它是对字符串执行模式匹配的强大工具RegExp(正则表达式) 对象的语法: new RegExp(pattern, attributes);pattern为一个字符串或匹配规则attributes为可选字符串,包含属性g、i 和 mg:代表全局匹配 (继续往下匹配)i:代表不区分大小写匹配m:代表多行匹配,只对^和$模式有用定义正则
2016-08-12 11:19:49 234
原创 随机得到1-20之间的10个不相同的随机数
DOCTYPE html>html lang="en">head> meta charset="UTF-8"> title>10个随机数不相同title>head>body> h1 id="con">h1> script> var con=document.getElementById('con'); va
2016-08-12 11:19:45 590
原创 js入门篇之Math对象
Math对象用于执行数学任务Math对象的属性:Math对象的方法:常用属性和方法:Math.PI ----------------返回圆周率3.14 ...Math.ceil(x) ------------对数值x进行向上取整Math.floor(x) -----------对数值x进行向下取整Math.round(x) ----------对数值x进行四舍五
2016-08-12 11:19:41 303
原创 简单的鼠标拖动效果
使用js实现简单的鼠标拖动效果,但此部分代码有个小小的BUG,后期改进好我会写进来,但基本的效果已经实现,请大家参考。DOCTYPE html>html lang="en">head> meta charset="UTF-8"> title>鼠标移动title> style> #box{ width: 50px;
2016-08-12 11:19:32 270
原创 简单的使用键盘控制方块移动
DOCTYPE html>html lang="en">head> meta charset="UTF-8"> title>键盘控制方块移动title> style> #box{ width: 50px; height: 50px; background-color: green;
2016-08-12 11:19:28 2055
原创 event事件学习小节
DOCTYPE html>html lang="en">head> meta charset="UTF-8"> title>event事件title>head>body> script> document.onclick=function(ev){//谷歌火狐的写法,IE9以上支持,往下不支持; var e=
2016-08-12 11:19:23 201
原创 简单的碰壁反弹效果
可以使用js来实现简单的碰壁反弹效果,具体的内容请大家参考代码部分。DOCTYPE html>html lang="en">head> meta charset="UTF-8"> title>碰撞小球title> style> #box{ width: 1000px; height: 800px;
2016-08-12 11:19:19 1484
原创 从全局中通过class类名获取标签
doctype html>html>head>meta charset="utf-8">title>全局类名获取title>meta name="keywords" content="">meta name="description" content="">style> *{margin:0; padding:0; list-style:none;}
2016-08-12 11:19:15 2480
原创 js中常用的Tab切换
DOCTYPE html>html lang="en">head> meta charset="UTF-8"> title>tabtitle> style> *{margin:0; padding:0; list-style:none;} .box{ width: 1000px;
2016-08-12 11:19:11 427
原创 将一串字符串转变为驼峰样式(字符串练习)
DOCTYPE html>html lang="en">head> meta charset="UTF-8"> title>aaaaatitle>head>body> script> // //将字符串转变为驼峰样式 // var srt1="the_sec_container"; // var arr=
2016-08-12 11:19:07 1636
原创 js控住DOM实现发布微博简单效果
这段代码的效果具体是输入标题和内容,点击发布把消息发布出去,并使最新的消息始终在内容的最上面,代码为:DOCTYPE html>html lang="en">head> meta charset="UTF-8"> title>微博消息效果title> style> *{margin:0;padding: 0;} .warp{
2016-08-12 11:19:04 316
原创 使用js制作一般网站首页图片轮播效果
DOCTYPE html>html lang="en">head> meta charset="UTF-8"> title>图片轮播title> style> .warp{ width: 600px; height: 750px; position: relativ
2016-08-12 11:19:00 732
原创 使用js实现带有停顿效果的图片滚动(按钮控制)
DOCTYPE html>html lang="en">head> meta charset="UTF-8"> title>无缝滚动2title> style> #warp{ width: 1250px; height: 300px; overflow: hidden; marg
2016-08-12 11:18:55 1546
原创 js实现标准无缝滚动
DOCTYPE html>html lang="en">head> meta charset="UTF-8"> title>无缝滚动title> style> #warp{ width: 1200px; height: 300px; overflow: hidden; margi
2016-08-12 11:18:51 205
原创 toLowerCase和toLocaleLowerCase的区别
ECMAScript中涉及字符串大小写转换的方法有4个:toLowerCase()、toLocaleLowerCase()、toUpperCase()和toLocaleUpperCase()。其中,toLowerCase()和toUpperCase()是两个经典的方法,借鉴自java.lang.String中的同名方法。而toLocaleLowerCase()和toLocaleUpperCase(
2016-08-12 11:18:42 2221
原创 html中a标签做容器的问题
今天试验了一下a标签当作容器的问题,若a包含的容器中没有a标签的话,a标签是可以被当作成容器使用的,在谷歌浏览器这种浏览器中是可行的,但是在低版本的IE中会有bug出现,就是浏览器在解析的时候会把a标签单独的拿出来,不会被解析,甚至错误显示。如果a标签中还有其他的a标签,那么几乎在所有的浏览器中都不行,级即a标签想当成一个按钮来使用的话,最好里面不要嵌套a标签。---------学习总结日志
2016-08-09 23:51:06 692
原创 H5学习小结——div+css创建电子商务静态网页
使用Sublime Text软件编写电子商务类网站静态形式首页 经过差不多一星期的学习,基本掌握了div+css的用法之后,开始了实战练习。首先要做的就是要练习一下一般电子商务网页的编写,我做的是下图效果的网页,是一个关于台湾特产的网页。如图: 拿到图片之后,首先要分析一下整个网页的结构,上图所示的网页稍微分析一下就可以看出具体分为四个部分,为头部header,中间的广
2016-07-30 15:42:00 5243 2
原创 html5学习小结,float练习。
经过两天的H5学习之后,做了一下float属性的练习,要做出来的效果为:下面为代码部分,所用到的知识不多,不过才现在刚开始,以后要学的东西还有很多,大家继续加油!html lang="en">head> meta charset="UTF-8"> title>float练习title> style> .all{ width: 620px; text-align:
2016-07-29 15:01:39 1074
原创 学习技术,最忌讳的就是眼高手低!
这是我在CSDN上第一次写文章,因为现在在学习H5,有点心浮气躁,以为基础的都会,很简单,所以只想看不想动手,结果大神拿了张老版百度的首页图片让我们用刚学的基础标签来完成,本来兴致高涨,因为基础的东西很简单,像什么a标签,p标签什么的就那点东西,结果拿到手之后却发现自己根本无从下手,结果用了div+css那套比较复杂的做了出来,看着别人一会就完成了而自己浪费了那么多的时间,心里真不是个滋味。所以在
2016-07-26 23:16:59 372
空空如也
JS中怎样等待异步调用完成再执行后面的同步操作?
2016-09-02
让异步代码在同步代码之前执行完
2016-09-01
TA创建的收藏夹 TA关注的收藏夹
TA关注的人