
JavaScript
yy211zhu
一个Web前端爱好者,对,业余爱好
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
HTML5Canvas 酷炫效果
以下是利用JavaScript调用HTML5Canvas画布所做的效果<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>canvas</title> <style>body{text-align: center;background:ddd;overflow: hidden;background: #blu翻译 2016-03-02 17:25:57 · 2212 阅读 · 0 评论 -
jquery的each()方法实现
jquery的实现方法 var each = function (obj, callback) { var length, i = 0; if (Array.isArray(obj)) { length = obj.length; for (; i < length; i++) { i原创 2017-06-04 10:50:37 · 510 阅读 · 0 评论 -
原生JS查找同辈元素
>jquery具有强大的选择器。其中siblings([expr])就是查找同辈元素。但有时没必要引入jquery库,那该如何做呢? //取得一个包含匹配的元素集合中每一个元素的所有唯一同辈元素的元素集合。可以用可选的表达式进行筛选。 siblings([expr])原生如何查找dom同辈元素 //el,要查找的dom元素 function sibilings(el原创 2017-03-31 14:52:10 · 3879 阅读 · 0 评论 -
js获取url参数
js如何获取url参数? 例:http://write.blog.youkuaiyun.com?name=zhu&id=2 如何获取name和id的值呢? 下面用了一个函数来获取要拿到参数的值语法:getQueryVar(string) function getQueryVar(){ /*接收的object对象*/ var objQuery={};原创 2017-02-08 15:23:04 · 399 阅读 · 0 评论 -
Html5本地储存localStorage 之储存json数组
什么是html5本地储存localStorage : HTML5 提供了两种在客户端存储数据的新方法: 1.localStorage - 没有时间限制的数据存储 2.sessionStorage - 针对一个 session 的数据存储 之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie原创 2016-12-10 15:13:38 · 5497 阅读 · 0 评论 -
模态框省份三级联动插件制作
1.话不多说,直接上代码。这个简易的modal插件还没完善,依赖jquery插件,有需要的可以自行更改<script> !function($,window,undefined){ var jidi={ /*###省份三级联动*/ province:function(options){ var $原创 2016-09-28 14:42:35 · 1040 阅读 · 0 评论 -
javascript中的||操作符与&&操作符
今天再写页面滚动侦听事件的时候在网上查了下资料,突然发现一些js中的||与&&操作符的妙用。一、提出问题 1.当分数scroe小于60为不及格 2.当分数scroe大于60为及格 3.当分数scroe大于等于80为优秀if语句判断代码script> function bn(scroe){ if(scroe >= 80){ a原创 2016-08-12 18:14:48 · 506 阅读 · 0 评论 -
JS数组与Json
不得不说在创建Web应用时,经常与后端进行数据交互,了解json,如何读取json的内容,以及json数组(js数组)1.简单json格式的数据,下面js代码var data={ "city" :"shanghai", "categray" :1, "name" : "xiao"}console.log(data['city']);//shanghai2,进阶1 v原创 2016-09-01 15:20:37 · 763 阅读 · 0 评论 -
自己写jquery表单验证
jquery的表单验证插件数不胜数,有时想想其实有的项目不需要引入一些插件,要有自己动手的好习惯,下面是一个简单的表单验证。一、html代码 <form name="j-form" id="j-form" method="POST"> <h3>用户登录</h3> <div class="in原创 2016-09-10 19:50:27 · 676 阅读 · 0 评论 -
jquery选项卡
下面是我写的简单的jquery选项卡,先讲讲主要用到的那些函数index()函数,获取索引值,因为一个选项卡对应相应的内容siblings()函数,当点击某个选项卡时,要使其它几个姊妹元素的display属性设置为none具体代码请看下面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>D原创 2016-05-09 20:37:43 · 3362 阅读 · 0 评论 -
jquery获取ul中li的值
通过点击li标签,把值赋给一个文本框以下是HTML 您所选取的值为: 选项1 选项2 选项3 选项4 选项5 JS代码 $(document).原创 2016-05-09 15:42:39 · 35462 阅读 · 0 评论 -
Javascript冒泡排序
下面是用javascript写的冒泡排序<script type="text/javascript"> function bubbling(objectarry, count){//objectarry所要排序的数组,count数组元素的个数 var i,j,temp; for(i原创 2016-03-14 20:08:39 · 599 阅读 · 0 评论 -
JavaScript函数的常见几种写法
例1: function squ(x) {return x*x ;} 例2: function setV(x){ return (x+10)} 例3: var myf=function(x){ return setV(x) * setV(x)}原创 2016-02-29 13:36:04 · 380 阅读 · 0 评论 -
DOM操作,javascript动态生成表格
javascript动态生成表格,主要是利用DOM创建节点。 所利用到的函数主要有以下三个:document.createElement()document.gerElementByTagName()document.appendChild()以下是简单的源代码:<!doctype html><html><head><meta charset="utf-8"><title>Dom操原创 2016-03-30 21:01:14 · 3269 阅读 · 0 评论 -
JavaScript常见的数据类型
javascript中有五种基本数据类型: 1. string(字符类型); 2. Number(数值); 3. Null(空值,表示一个空对象指针); 4. Boolen(布尔值) 5. Undefined(一个值,特殊类性值) 还有一种复杂的数据类型Object下面举个例子直观的理解下:<script> var a, b = null, c = "", d = 21,原创 2016-03-05 16:12:30 · 680 阅读 · 0 评论 -
JavaScript递归函数
递归算法,简单来说就是在函数内部调用函数自己。 递归算法简化了一些计算流程,但是在某些方面效率不行,下面介绍两个例子<script> function bacckFunction(n){ if (n<=1) return 1; return n*bacckFunction(n-1); } alert(bacckFunctio原创 2016-03-04 19:30:10 · 472 阅读 · 0 评论 -
map函数的使用技巧
js的Array数组对象中有很多有用的方法,js的map函数在某些方面非常的方便强大。 map() 方法创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。let numbers = [1, 5, 10, 15];let roots = numbers.map((x) => { return x * 2;});let roots = numbers.map(原创 2017-06-12 22:24:39 · 1370 阅读 · 0 评论