- 博客(23)
- 收藏
- 关注
RSS订阅原创 AJAX的创建
AJAXajax=（异步JavaScript和XML)指一种创建交互式网页应用的网页开发技术。通过后台与服务器进行少量的数据交换，实现网页异步更新。ajax不需要任何浏览器插件，但需要用户允许javascript在浏览器上执行。ajax的优点●不需要重新加载整个页面的情况下，可以与服务器交换数据并更新部分网络内容；传统的网页（不使用AJAX）如果需要更新内容，必须重新...
2018-08-29 15:21:35
491
原创 js继承之—组合，构造，原型，实例继承（代码详解）
1.原型继承原型继承不需要使用类来定义对象的结构，直接定义对象，并被其他对象所引用，形成一种继承关系。原型继承可以继承添加给父类的方法function Animal(name){ this.name="Animal"; this.eat=function(){ return "吃食物！" }}//给Animal添加方法Animal.proto...
2018-08-29 14:42:06
211
原创 百度搜索——jsonp跨域
3.js代码var block=document.getElementsByClassName("block")[0];//获取blockvar ser=document.getElementById ("txt");//获取搜索框var bd=document.getElementById("baidu");//获取baidubd.onclick=function(){//给百度一个...
2018-08-27 21:26:30
316
原创 JS实现用户注册界面功能
1.css代码 *{ margin: 0; padding: 0; } .block{ position: relative; margin: 0 auto; margin-top: 80px; w...
2018-08-26 21:58:21
32236
4
原创 正则表达式快速验证邮箱，手机号码，身份证
1.正则表达式验证邮箱邮箱的格式：名称@域名.com名称一般有字母数字下划线组成，域名一般是字母,数字，如常见的qq,sina,163等var re=/^[0-9a-zA-Z_]{5,}@((qq)|(163)|(sina))\.(com)$/g;var m="[email protected]";var n=m.match(re);alert(n);2.正则表达式验证...
2018-08-26 21:33:41
622
原创 js写倒计时--代码详解
利用data对象写倒计时：效果如下图图计较丑，重点是代码哦》。《 首先，确定要倒计时的终点时间；再利用setInterval动态获取每一刻的时间，然后将获取的时间转换成秒,分，时,日，月<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> &l
2018-08-25 21:33:36
5622
原创 js教你如何偷小说
JS代码： window.onload=function(){// 获取t1,t2,btn; var tX1=document.getElementById("t1"); var tX2=document.getElementById("t2"); var bbtn=document.getElementB...
2018-08-22 22:22:41
1493
原创 代码详解—原生js写验证码方法2
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .block{ width: 150
2018-08-22 21:54:10
269
原创 代码详解—原生js写验证码1
在写验证码之前先明确自己想要实现什么功能，再一步步实现功能。css代码： #codei{ width:150px; height: 35px; border: 1px solid silver; text-align: center; }html代码：<di...
2018-08-22 21:51:43
1826
原创 正则表达式查找数字与字符串查找数字方法对比
1.用字符串查找方法查找数字 var s="123 dd 23d 45ghb"; var a=[]; var b=""; for(var i=0;i< s.length;i++){ if(s.charAt(i)>='0'&& s.charAt(i)<='9'){ b+= s.charAt(i);...
2018-08-21 23:24:58
2432
原创 字符串方法汇总
1.定义字符串直接量 var s="abc"; 2.构造字符串 var s=new String();//创建空字符串 var s=new String("adafwv");//字符串初始化 3.计算字符串长度s.length 注意：字符串长度不可以像数组一样动态增长,但可使用下标来定义单个字符 4.查找字符串 charA...
2018-08-21 21:36:22
114
原创 比较字符串大小 localeCompare()
比较标准是根据字符的Unicode编码大小来定。localeCompare() 按照本地字符顺序进行排序var s="thecatissocute"; var a= s.split(""); var s1= a.sort(function(w,b){ return w.localeCompare(b);//指定字符小于参数字符，则在返回小于0的数；反之：返回大于0的...
2018-08-21 18:50:41
1566
原创 用正则表达式将字符串首字母转换成大写
var s="http www cn com"; var f= function ($1) {//定义替换文本的函数 return $1.substring(0,1).toUpperCase()+$1.substring(1);//将匹配的文本首字母转换成大写 } var a= s.replace(/(\b\w)/g,f);//匹配文本进行替换 alert(a);/...
2018-08-21 18:48:46
5385
原创 正则表达式的使用规则和方法
什么是正则表达式呢？ 正则表达式是对字符串操作的一种逻辑公式，用事先定义好的一些特定字符、及这些特定字符的组合，组成一个"规则字符串"。 Javascript通过内置的RegExp对象实现对正则表达式的支持。 RegExp对象是一个构造函数，该函数可以带一个或者两个参数。下面是关于正则表达式的基本使用规则： g:全局匹配。 i:不区分大小写 m:在多行字符串中进行操作 \b：...
2018-08-21 16:37:59
319
原创 DOM删除元素和更改css样式等方法
1.创建元素 首先创建该元素（元素节点），然后向一个已存在的元素追加该元素。 var p3=document.createElement("p"); var node=document.createTextNode("you are beautiful!");//给元素内添加内容 p3.appendChild(node); var par=doc...
2018-08-20 23:29:38
4362
原创 DOM创建html元素
创建新的html元素方法： 先创建该元素节点。然后向一个已经存在的元素追加该元素。下面有两种方法：通过点击鼠标创建 ，直接创建<script> var createChild=null; window.onload=function () { var btn = document.getElementById("btncreate"); ...
2018-08-20 23:22:54
819
原创 截取字符串：substr slice substring
1.据长度截取字符串 substr(字串起始下标，截取长度) 注意：如果省略第一个参数则表示从起始位置开始截取指定长度， 若第一个参数为负，则表示从尾部开始截取。 var s="http//www.cn.com"; var b= s.substr(s.lastIndexOf("h"),2); alert(b);//ht slice（），substring(...
2018-08-19 21:09:57
265
原创 原生JS写购物车功能
最近写的好多东西，也是得出心得了：例如：在写购物车时，首先需要画出框架，其次想其功能。1.写左右加减号功能；2.写小计的功能；3.写总计的功能；4.写全选 反选；5.写选某一行计算价格；6.写删除栏的功能<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"&g...
2018-08-19 19:18:37
1750
3
原创 原生JS实现省市区的三级联动
原生JS实现三级联动的关键在于你要找好三级之间的关系，理解this.value与下一级引用上级的value值是关键，下面我写的代码中有详细注解，如有疑问：欢迎随时提问哦！ <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title&am
2018-08-17 23:54:06
257
原创 100 之内的所有偶数之和
function fun(num){ if(num<0) { return 0; } if(num%2==0) { return num+fun(num-2); } else{ return (num-1)+fun(num-2); } } var a=...
2018-08-16 21:58:25
1042
原创 原生js实现图片循环轮播效果
<html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0;padding: 0; } .bloc
2018-08-16 21:56:54
943
原创 原生js实现图片淡入淡出效果——完整代码加解析
对于代码所有重要步骤都写在代码中了，希望对你有用哦！<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>淡入淡出</title> <style>
2018-08-16 21:55:13
2136
原创 js实现无缝轮播图——详细代码
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .block{ width: 100
2018-08-16 21:48:41
2704
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人