原生JS做列表的二级联动

今天,给大家介绍下JS做列表二级联动,方法有很多,这里介绍的是用数组动态的方式添加,如果有兴趣,你可以试试AJAX的方法呢。当然这个就要涉及到去拿数据了。这里不做过多的介绍,本文的数据都是在JS中添加的数据。 布局: <table> <tr> <td>地 区</td> <td> <select id="province"> & […]

JS中this的用法

好久没更新了,最近在忙一个手机网站的页面设计和制作,一直都没有时间更新文章,今天给大家更新下js当中this的用法,这些都是博主以前学习的笔记,大家可以看下,有不正确的可以指正,一起学习,共勉。 在JS当中主要研究的都是函数当中的this this:在JS中this代表的是当前行为执行的主体;JS中的context代表的是当前行为执行户的环境或者区域 this和context没有必然联系 this […]

JavaScriptES6,Promise的使用教程

Promise让代码变得更人性化 曾经我一直在思考,为什么代码会比较难读。后来发现,我们平时要阅读的所有媒体:报纸、书、新闻,我们在阅读的时候,都是从上到下一直读下去的,然而,我们的在读代码的时候,经常要跳着去读,这种阅读方式其实是反人类的,如果我们能在读代码的时候,也可以从上往下一直读下去,那么,代码就会变得可读性提高很多。 对比JS中,callback是让我们跳来跳去读代码最大的罪魁祸首,它让 […]

GIF

JS实现手风琴特效

手风琴特效,一个应用非常广泛的特效,看起来非常的炫酷,很多大型的网站都会用到此特效,今天咱们就来研究下这个手风琴特效是一个怎么回事。(此文章中只讨论,只讨论原生JS,JQuery不在范围之内,博主也建议各位,能用JS实现的特效绝对不用JQuery,项目要求除外) 实现原理: 手风琴的原理其实很简单,通过观察上图可以看到,就是点击的时候每一项相应的展开,其他项全部关闭,这就是手风琴。其实咱们不难看出 […]

macbook-small

JS怎么做放大镜特效?(原生JS实现放大镜)

放大镜特效最重要的就是鼠标移动的时候,显示不同的位置的放大部分,其实并不难,只是需要用到一点点数学计算,只要搞清楚了,基本就很简单了, 我想想各位看官应该看一遍就可以了哦!话不多说,直接上代码! JS部分: 这里需要说道说道了,代码中$('xxxx')这个并不是jquery的方法,而是我用JS封装的返回元素ID的函数。 function $(id) { return document.getEle […]

原生javascript实现模拟队列

模拟一个队列,队列的每个元素是一个数字,初始队列为空 有一个input输入框,以及4个操作按钮 点击"左侧入",将input中输入的数字从左侧插入队列中; 点击"右侧入",将input中输入的数字从右侧插入队列中; 点击"左侧出",读取并删除队列左侧第一个元素,并弹窗显示元素中数值; 点击"右侧出",读取并删除队列又侧第一个元素,并弹窗显示元素中数值; 点击队列中任何一个元素,则该元素会被从队列中 […]

原生js实现一个简单的添加和删除评论功能

今天分享一个简单的添加和删除评论的小功能,非常简单,实际项目中也会稍微有用的上的,最重要的还是希望能够帮助大家打开思路。 全部过程代码全部在下面。首先咱们先分析下思路 1、获取内容和评论人的值 想要添加评论,必须要有值,对吧。首先要做的就是或者内容框和评论人框的文字,创建htm,l把获取的值写入到dom结构中。 //创建评论人Text节点 var person=document.createTex […]

TPMM@TP$~1%DT(C(GR$9Z$O

javascript如何实现原生ajax

大家应该或多或少的了解过ajax,那什么是ajax呢?AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。虽然ajax是异步的js和xml,但是就目前来说,xml格式已经很少使用了,大部分是json格式的,如果跨域的话那么就是采用jsonp。今天老九和大家分享一下原生如何实现ajax。废话少说直接说上代码。 function a […]