- 博客(20)
- 收藏
- 关注
原创 JavaScript --- 事件的简介
事件事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间JavaScript与HTML之间的交互是通过事件实现的对于Web应用来说,有下面这些代表性的事件:点击某个元素、将鼠标移动至某个元素上方、按下键盘上某个键,等等。文档的加载浏览器在加载页面时,是按照自上而下的顺序加载的,读取到一行就运行一行,如果将script标签写到页面的上边,在代码执行时,页面还没有加载,页面没有加载,DOM对象也没有加载,会导致无法获取到DOM对象。将js代码编写到页面的下部就是为了可以在页面加载完毕以后
2022-04-04 16:48:13
779
原创 JavaScript --- DOM简介
什么是DOM?1.DOM,全称Document Object Model 文档对象模型2.JS中通过DOM来对HTML文档进行操作,只要了解了DOM就可以随心所欲地操作WEB页面3.文档 表示整个的HTML文档4.对象 表示将网页中每一部分都转换为了对象5.模型 表示对象之间的关系,方便我们获取对象如图所示节点1.节点Node,是构成我们网页的最基本的组成部分,网页中的每一个部分都可以称为是一个节点2.html 标签,属性,文本,注释,整个文档等都是一个节点3.虽
2022-04-04 15:54:59
803
原创 JavaScript --- 邮件的正则
电子邮件hello .nihao @ abc .com.cn任意字母数字下划线 .任意字母数字下划线@ 任意字母数字 .任意字母(2-5位) .任意字母(2-5位)\w{3,} (\.\w+)* @ [A-z0-9]+ (\.[A-z]{2,5}){1,2}var emailReg = /^\w{3,}(\.\w+)*@[A-z0-9]+(\.[A-z]{2,5}){1,2}$/;...
2022-04-02 20:27:12
279
原创 JavaScript --- 正则表达式语法
一、量词可以设置一个内容出现的次数量词只对它前边的一个内容起作用,如果需要几个以上内容需要加个括号{n} 正好出现n次{m,n}出现m-n次{m,}m次以上+ 至少一个,相当于{1,}* 0个或多个,相当于{0,}? 0个或1个,相当于{0,1}var reg = /a{3}/;console.log(reg.test("aaabc"));//输出true/*检查一个字符串中是否以a开头^ 表示开头$ 表示结尾*/reg = /^a/;//匹配开头
2022-04-02 20:10:43
454
原创 JavaScript --- 字符串和正则相关的语法
/*split()可以将一个字符串拆分为一个数组方法中可以传递一个正则表达式作为参数,这样方法将会根据正则表达式去拆分字符串这个方法即使不指定全局匹配,也会全都拆分*/var str = "1a2b3c4d5e6f7";var result = str.split("c");console.log(result);//输出1a2b3,4d5e6f7/*根据任意字母来将字符串拆分,方法中可以传递一个正则表达式作为参数,这样方法将会根据正则表达式去拆分字符串*/var str
2022-04-02 15:15:36
63
原创 JavaScript --- 正则表达式
一、正则表达式—admin@ cghjmvuk.com邮件的规则:1.前边可以是xxxx乱七八糟2.跟着一个@3.后边是xxxx乱七八糟4. .com获取其它的乱七八糟------正则表达式用于定义一些字符串的规则计算机可根据正则表达式,来检查一个字符串是否符合规则获取将字符串中符合规则的内容提取出来//创建正则表达式的对象 /* 语法: var 变量 = new RegExp("正则表达式","匹配模式"); 使用typeof检查正则对象,会返回
2022-04-02 09:36:32
746
原创 JavaScript---包装类
基本数据类型包括:String Boolean Number Null Undefined引用数据类型包括:ObjectString() 可以将基本数据类型的字符串转换为String对象Boolean() 可以将基本数据类型的数字转换为Number对象Number() 可以将基本数据类型的布尔值转换为Boolean对象...
2022-04-02 08:22:14
588
原创 JavaScript---Math
Math --- Math和其他对象不同,他是一个构造函数。它属于一个工具类不用创建对象,里面封装了数学运算相关的属性和方法比如Math.PI表示圆周率var math = new Math();//错误创建方法,可直接用abs()可以用来计算一个数的绝对值Math.ceil()可以对一个数进行向上取整,小数位只要有值就自动进1Math.floor()可以对一个数进行向下取整,小数部分会被舍掉Math.round()可以对一个数进行四舍五入取整Math.random()可以用
2022-03-31 17:36:36
318
原创 JavaScript---Date
Date对象--在JS中使用Date对象来表示时间//创建一个Date对象,如果直接使用构造函数创建一个Date对象,则会装为当前代码的执行时间var d = new Date();console.log(d);//创建一个指定时间的对象//需要在构造函数中传递一个表示时间的字符串作为参数// 日期的格式 月份/日/年 时:分:秒var d2 = new Date("12/03/16 11:10:30");console.log(d2);//获取当前日期对象是几日 getDa
2022-03-31 17:09:21
478
原创 JavaScript---toString()
function Person(name,age,gender){ this.name=name; this.age=age; this.gender=gender;}//修改原型的toString,能打印person的所有对象Person.prototype.toString=function(){ return “Person[name="+this.name+",age="+this.age+",gender="+this.gender+"]”;};var per =...
2022-03-29 10:57:24
75
原创 JavaScript---原型
原型prototype我们所创建的每一个函数,解析器都会向函数中添加一个属性prototype。这个属性对应着一个对象,这个对象就是我们所谓的原型对象,如果函数作为普通函数调用prototype没有任何作用,当函数以构造函数的形式调用时,它所创建的对象中都会有一个隐含的属性,指向该构造函数的原型对象,我们可以通过_proto_来访问该属性。原型对象就相当于一个公共的区域,所有同一个类的实例都可以访问到这个原型对象,我们可以将对象中共有的内容,统一设置到原型对象中。当我们访问对象的一个属性或方法时
2022-03-29 10:18:18
52
原创 JavaScript---使用工厂方法创建对象
//创建一个对象var obj ={ name:"孙悟空", age:18, gender:"男", sayName:function(){ alert(this.name);};var obj2 ={ name:"猪八戒", age:28, gender:"男", sayName:function(){ alert(this.name);};var o.
2022-03-24 11:39:57
1127
原创 JavaScript---this
解析器在调用函数时每次都会向函数内部传递进一个隐含的参数,这个隐含的参数就是this,this指向的是一个对象,这个对象我们称为函数执行的上下文对象,根据函数的调用方式的不同,this会指向不同的对象。1.以函数的形式调用时,this永远都是window2.以方法的形式调用时,this就是调用方法的那个对象...
2022-03-24 11:22:11
844
原创 JavaScript--作用域
作用域指一个变量的作用的范围,在JS中,有两种作用域1.全局作用域----直接编写在script标签中的JS代码,都在全局作用域----全局作用域在页面打开时创建,在页面关闭时销毁----在全局作用域中有一个全局对象window,它代表的是一个浏览器窗口,它由浏览器创建,我们可以直接使用----在全局作用域中,创建的变量都会作为window对象的属性保存var a = 20;console.log(a);console.log(window.a);以上两个代码效果等同
2022-03-24 10:20:48
1094
原创 JavaScript--枚举对象中的属性
var obj = { name:"孙悟空", age:18, gender:"男", address:"花果山" }; //枚举对象中的属性//使用for ... in 语句/*语法:for(var 变量 in 对象){}*/for(var n in obj){console.log(obj[n]);//输出对象中的每个值}...
2022-03-23 21:02:18
113
原创 JavaScript--对象
//创建一个对象var obj = new Object();//向对象中添加属性obj.name="孙悟空";obj.age=18;//对象中的属性值可以是任意的数据类型,也可以是个函数obj.sayName = function(){console.log(obj.name);};//console.log(obj.sayName);obj.sayName();/*函数也可以称为对象的属性,如果一个函数作为一个对象的属性保存,那么我们称这个函数是这个对象的
2022-03-23 20:27:09
254
原创 JavaScript---参数
参数可以是任何值,当参数过多时,可以将参数封装到对象中,然后通过对象传递//代码块 function sayHello(o){console.log(“我是”+o.name+“今年我”+o.age+“岁了”,“我是一个”+o.gender+“人”,“我家住在”+o.address+);}//创建一个对象var obj = {name=“王丽”,age=19,gender=“女”,address=“北京”};sayHello(obj); ...
2022-03-23 17:04:16
268
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人