![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
编程语言
qq_41320857
这个作者很懒,什么都没留下…
展开
-
JavaScript之简单的表单验证
当输入的数据符合要求时,显示 当输入的数据不符合要求时,显示 css样式:<style type="text/css"> body { background: #ccc; } label { wi...原创 2018-08-03 16:58:41 · 3289 阅读 · 0 评论 -
JavaScript之创建对象的不同方式
1 字面量创建对象//字面量的方式创建对象 var obj={ age:10, sex:"男", sayHi:function () { console.log("您好,十一过的快乐吗"); } };2 调用系统的构造函数//调用系统的构造函数创建对象 var obj2=new Object()...原创 2018-08-02 09:21:39 · 110 阅读 · 0 评论 -
JavaScript之贪吃蛇小案例
模拟贪吃蛇小游戏在写代码之前,先分析项目1 地图属性:宽,高,背景颜色!!因为小蛇和食物都是相对于地图显示的,这里小蛇和食物都是地图的子元素,随机位置显示,脱离文档流的,地图也需要脱离文档流--css需要设置:宽,高,背景颜色,脱标2 食物-----div元素elements----存储div的数组(便于以后删除,删除食物的div的时候,先从map中删除div,再从数组中删...原创 2018-07-30 19:20:21 · 418 阅读 · 0 评论 -
JavaScript之apply方法,call方法,bind方法
apply和call作用:改变this的指向 不同的地方:参数传递的方式是不一样的只要是想使用别的对象的方法,并且希望这个方法是当前对象的,那么就可以使用apply或者是call的方法改变this的指向apply的使用语法* 函数名字.apply(对象,[参数1,参数2,...]);* 方法名字.apply(对象,[参数1,参数2,...]);* call的使用语法...原创 2018-08-02 11:20:43 · 230 阅读 · 0 评论 -
JavaScript之高阶函数(函数作为参数使用,函数作为返回值使用)
函数作为参数使用函数作为参数的时候,如果是命名函数,那么只传入命名函数的名字,没有括号//函数作为参数的时候,如果是命名函数,那么只传入命名函数的名字,没有括号function f1(f2) { setInterval(function () { console.log("定时器开始"); f2(); console.log("定时器...原创 2018-08-02 16:32:27 · 1317 阅读 · 0 评论 -
JavaScript之作用域,作用域链和预解析
变量包括:全局变量,局部变量在JAvaScript中,函数中定义的变量是局部变量作用域:就是变量的使用范围,分为:局部作用域和全局作用域js中没有块级作用域---一对括号中定义的变量,这个变量可以在大括号外面使用作用域链:变量的使用,从里向外,层层的搜索,搜索到了就可以直接使用了var num=10; //作用域链 级别:0 var num2=20; var ...原创 2018-08-02 17:24:51 · 250 阅读 · 0 评论 -
JAvaScript之闭包按钮点赞案例
Scriprt代码://获取所有的按钮 //根据标签名字获取元素 function my$(tagName) { return document.getElementsByTagName(tagName); } //闭包缓存数据 function fn() { var value=2; return fu...原创 2018-08-02 20:31:33 · 1094 阅读 · 0 评论 -
JavaScript之递归案例
求n个数字的和,5 计算1+2+3+4+5 //函数的声明 function getSum(x) { if(x==1){ return 1; } return x+getSum(x-1); } //函数的调用 console.log(getSum(5));求一个数字各个位数上的数字的和//523 fun...原创 2018-08-02 21:38:48 · 877 阅读 · 1 评论 -
正则表达式
介绍正则表达式:作用:匹配字符串适用范围:在所有编程语言中都适用组成:是由元字符或限字符组成的一个式子元字符(其实元字符和限字符统称为元字符). 表示的是:除了\n以外的任意的一个字符 "fdsfs238"[] 表示的是:范围, [0-9] 表示的是0到9之间的任意的一个数字, "789" [0-9][1-7] 表示的是1到7之间的任意的一个数字[a-z] 表示...原创 2018-08-03 11:52:22 · 141 阅读 · 0 评论 -
JavaScript之函数的不同调用方式
普通函数://普通函数 function f1() { console.log("文能提笔控萝莉"); } f1();构造函数://构造函数---通过new 来调用,创建对象 function F1() { console.log("我是构造函数,我骄傲"); } var f=new F1();对象的方式:...原创 2018-08-01 21:23:18 · 176 阅读 · 0 评论 -
JavaScript之函数中的this和严格模式
函数中的this的指向普通函数中的this是谁?-----window//普通函数 // function f1() { // console.log(this); // } // f1();定时器方法中的this是谁?----window//定时器中的this // setInterval(functio...原创 2018-08-01 21:18:07 · 247 阅读 · 0 评论 -
jQuery(一)
DOM对象与jQuery对象的互转问题DOM对象转jQuery对象//此时btn为DOM对象,不能调用jQuery方法 var btn=document.getElementById("btn"); //DOM对象转jQuery对象 $("btn").click=function () { console.log("小仙女"); };j...原创 2018-08-04 10:32:14 · 124 阅读 · 0 评论 -
jQuery之操作元素(其中包括DOM操作元素)
DOM中获取元素的方式 //根据id·获取元素document.getElementById("id属性值");//根据标签名字获取元素document.getElementsByTagName("标签名字");//根据name属性获取元素(一般指表单标签)document.getElementsByName("name属性的值");//根据类样式获取元素document.g...原创 2018-08-04 11:39:35 · 232 阅读 · 0 评论 -
jQuery之案例
下拉列表 <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css">原创 2018-08-04 16:11:09 · 417 阅读 · 0 评论 -
jQuery之元素样式设置的方法
给div设置样式,常用的有三种方法:(1)普通方法,适用于一个两个样式//普通方法 $(function () { $("#btn").click(function () { $("#dv").css("width","200px"); $("#dv").css("height"原创 2018-08-04 21:19:23 · 1074 阅读 · 0 评论 -
jQuery元素的几种创建与添加
添加元素的几种方法(1)通过.append()父级元素.append(创建好的子级元素)//在父级元素div中追加一个子元素//父级元素.append(创建好的子级元素)$("div").append($("<a href='http://www.baidu.com'>百度</a>"));(2)通过.appendTo()创建好的子级元素.appen...原创 2018-08-05 17:53:36 · 4350 阅读 · 0 评论 -
JavaScript之继承
1 面向对象编程思想:根据需求,分析对象,找到对象有什么特征和行为,通过代码的方式来实现需求,要想实现这个需求,就要创建对象,要想创建对象,就应该显示有构造函数,然后通过构造函数来创建对象.,通过对象调用属性和方法来实现相应的功能及需求,即可2 JS不是一门面向对象的语言,JS是一门基于对象的语言3 面向对象的编程语言中有类(class)的概念(也是一种特殊的数据类型),但是JS不是面向对...原创 2018-08-01 20:30:03 · 113 阅读 · 0 评论 -
JAvaScript之函数声明和函数表达式的区别
1 函数声明和函数表达式函数声明//函数的声明 function f1() { console.log("我是函数"); } f1();函数表达式(推荐使用)//函数表达式 var ff=function () { console.log("我也是一个函数"); }; ff();函数声明和函数表达式的区...原创 2018-08-01 20:41:15 · 463 阅读 · 0 评论 -
JavaScript之密码强度验证
样式代码<style> #dv{ width: 300px; height:200px; position: absolute; left:300px; top:100px; } .strengthLv0 { ...原创 2018-08-03 14:52:21 · 467 阅读 · 0 评论