11 2017 档案
摘要：js中数据类型转换是很重要的一部分，通过一些数据类型转换可以达到想要的结果，那么数据类型转换最基础的几个方法是什么呢，来看看我的简单的总结： 好了，通过以上例子大概就可以了解这个几种转换方法了，当然这是比较简单的转换。希望对大家有用！今天就简单写到这里，明天加油！
阅读全文
摘要：js数据类型是一是个很重要的模块，今天就来简单复习一下这些数据类型。而来判断数据类型的方法是 typeof。 JS中的数据类型主要包含：数字、字符串、布尔、函数、对象(obj、[]、{}、null)、未定义 以上就是经常用到的js的数据类型，在之后的项目中会用到这些数据类型所以，要非常熟悉！ 好了，
阅读全文
摘要：上一篇博客的内容主要是模仿QQ菜单写出的类似手风琴的效果，今天就来改进一下这个手风琴效果，点击当前的，当前展开，其他的关闭，总之就是要实现点击其中一个，其他的关闭的效果，关于布局和样式的代码，见上一篇博客，今天主要来看看js的处理： 其实原理还是之前写过的例子，就是每次进来都先全部清空，然后点击时给
阅读全文
摘要：模仿一下qq的好友展示效果，点击好友标题，下民饿好友列表展示出来，而点击其中的一个好友，给其加上一个点击的效果样式，当然再次点击标题，可以将其关闭。 说的可能不是很清楚，先来看一下布局，就明白想要的效果了，来看布局代码： css样式简单写一下： 未展开的效果是： 想要的效果是点击每一个标题可以让其的
阅读全文
摘要：之前写过过一种轮播图的切换，是按照顺序依次点击依次更换图片，这次的图片切换主要是可以有点类似京东的轮播图，区别不同的是没有加定时器，不能自己循环，而需要点击任何一个下标，显示当前所对应的图片。 先来看看布局html和css： 没有写js的效果图如下所示： 要实现点击 右上角的li中间的图片进行切换，
阅读全文
摘要：上篇博客是每个li里只有仅仅一个div去更改其颜色，但是若是我们遇到每个li里有多个及不同数量的div，而每个div要匹配数组里的颜色，并且依次递增循环，那么就要用到for循环以及清楚了解this指向当前元素是哪一个然后再给其匹配数组中的颜色。这些话有点绕口，那我们来看代码，先来看看布局： 以上li
阅读全文
摘要：任何的html标签都有自己的一个属性，当时那都是它本身的固定属性，而我们在项目中可能会遇到需要给标签添加一些自定义的属性，去判断替换内容或者赋值等等，那么就需要给标签设定一个属性来作为判断标准或者赋值的标准，所以今天就来谈谈给标签自定义属性的一个小应用。 案例：三个div有背景色，想要达到效果是点击
阅读全文
摘要：今天来说一下this的应用，其实js中的this是指调用当前方法或者函数的那个对象，牢牢记得这个就很好理解了，通过一个鼠标移入出现浮层，移除浮层消失这个小小的案例来进一步说明这个this的应用。 先来看看简单的布局代码，以及显示的效果： 先让这三个黄色的浮层消失，然后鼠标移入， 给它写上“我是浮层”
阅读全文
摘要：在说今天的知识点之前，先说一下cssText的属性应用，关于cssText是给标签添加行内样式，比如我们要给一个原有的div动态添加了宽高500px；然后又通过cssText给动态添加了一个宽200px，那么最后这个div上的样式就只有最后你添加的这个200px；而宽度就没有了,看代码： 从上面的案
阅读全文
摘要：关于for循环这是js中的重点，特别是项目中会经常用到，并且它的运用范围还极其的广泛，极其的复杂，今天就来遍历一个多层嵌套的元素，先来看看简单的布局： 这种布局就是ul里有li然后li里又嵌套着ul，并且不是单一的有规律的嵌套里面还穿插有h2，页面布局所显示的效果如下图所示： 其实我想要的实现的效果
阅读全文
摘要：简单了解一下for循环获取坐标，for循环是js中经常用到，一般情况下，页面上有很多元素的情况下，我们不可能一一的去添加，所以就会用到for循环。今天先简单写一个获取页面元素的坐标，首先先动态给页面添加10个div，并把每个div写一个50*50的宽高给个绝对定位；然后要实现的效果是让每个div都依
阅读全文
摘要：原生js中获取元素的方法有很多，那么今天就来重点说一下getElementById和ByTagName的区别： 1、getElementById前面必须是document；而getElementByTagName前面除了是document也可以是其他的元素；先来看一下简单的html代码 举例说明，就
阅读全文
摘要：想写一个综合性的小案例，主要会运用到数组和判断以及我前面几篇博客所复习到的js的知识。今天案例想要实现的效果图如下图所示： 效果是：点击“循环切换”按钮，那么“一号”位置的文案就要写入“图片可以循环”，而下面的左右箭头在点击过程中可以循环点击，并且“二号”和“三号”要响应切换到相对应的数字和文字内容
阅读全文
摘要：写今天的判断内容前，先普及一些判断中需要注意的几个点： 1、在js中相对路径不能拿来做判断，比如图片的路径或者href里的路径等； 2、颜色值：color: red 、#f00、 rgb() 、rgba()也不能直接做判断。 这点了解之后，那么就来写今天的案例，就拿背景颜色来写，想要实现的效果是点击
阅读全文
摘要：上篇写到的是关于属性操作的更改添加等，那么今天通过一个简单的案例再来巩固一下更改属性值，有点类似控制新闻页面的文字大小。 首先还是先看布局，简单写一句话，并写两个按钮： 效果图如下： 然后，就要通过点击加减按钮来控制文字的大小了，js代码如下： 点击“+”按钮一下，那么文字就会增加一像素，一直点击便
阅读全文
摘要：上一篇简单提到了innerHTML，那么现在我就通过一个简单的模仿一下发消息的原理例子。接下来简单布局一下： css也简单写一下： 布局展示如下： 想要实现的效果就是在input里写内容，点击发送，便会在上面的框中显示出来； 下面就是js了，看看如何运用innerHTML了： 这便是实现之后的效果:
阅读全文
摘要：原生js对于我来说确实用的很少，但是今天就想着把原生的js的一些基础知识重新复习一下，毕竟现在关于的原生js的一些插件再复杂也是万变不离其综。 先复习一下原生js的一些属性值的添加，替换，修改等。（其实添加和替换的效果差不多） 案例1：是添加替换input中的value值，更改button的valu
阅读全文
