- 博客(19)
- 收藏
- 关注
原创 js5.9
JavaScript的cookiecookie是用来储存web页面的用户信息由于http是一种无状态的协议,服务器单从网页链接上是无法获取用户信息的。这个时候服务器会给用户端(浏览器)颁发一个cookie,用来确认用户信息。cookie获取方式documen.cookie=“name=value;domain=.domain.com;path=/;expires=;”name:一个唯一确定的cookie名称,通常cookie不区分大小写。value:存储在cookie中的字符串,最好为cooki
2022-05-10 10:22:47
98
原创 js.5.8
窗口事件onload 当文档加载完成时运行脚本,入口函数window.onload = function () { // 当网页或文档加载完成(包含图片、视频等)执行 }onunload 关闭当前网页就会执行window.onunload = function () { // 关闭当前页面时执行 }onpageshow 当窗口可见时运行脚本onpagehide 当窗口隐藏时运行脚本onblur 当窗口失去焦点时运行脚本onfocus 当窗口得到焦点时运行脚本window.onfocus =
2022-05-09 09:10:23
304
原创 js-BOM
BOM一、初识BOMwindow.alert(“警告框”);//全局方法会省略windowvar a=“全局变量”;function func(){console.log(“全局函数”)}二、BOM的属性值为对象//1.history历史记录,对history对象的只读引用console.log(window.history);//2.location 用于窗口或框架的location对象console.log(window.location);//3.navigator浏览器的配置
2022-05-07 09:26:12
122
原创 js事件冒泡 监听
事件冒泡bubbles 返回布尔值,指示事件是否是冒泡事件类型。 默认truecancelBubble 返回布尔值,指示事件是否取消了冒泡事件。 默认falseoBox1.οnclick=function(ev){ev=ev||window.event;alert(“box1”);if(ev.stopPropagation){ev.stopPropagation()}else{// 除IE外的主流浏览器ev.cancelBubble=true;}}事件监听box1可以多次进行监听
2022-05-07 09:23:04
295
原创 键盘鼠标事件
键盘鼠标事件DOM的键盘事件onkeydown 键盘上的某个按键被按下时触发onkeyup 键盘上的某个按键被松开时触发onkeypress 键盘上的某个按键被按下并松开时触发 不识别(上下左右 alt ctrl shift backface)DOM的表单事件输入事件oninput 元素获取用户输入时触发焦点事件onfocus 元素获取到焦点时触发onblur 元素失去焦点时触发onsubmit 表单提交时触发onchange 该事件在表单元素的内容改变时触发(,,,)on
2022-05-05 09:12:25
189
原创 js.4.27
一.DOM的遍历父元素查找children 返回(元素)子节点console.log(box.children);//HTMLCollection(3) [div.box1, div.box2, ul.list]childNode 返回子节点(包含文本(空)节点)console.log(box.childNodes);//NodeList(7) [text, div.box1, text, div.box2, text, ul.list, text]firstChild 返回第一个子节点
2022-04-27 11:16:30
54
原创 js.4.26
DOM中HTML的改变一、DOM中HTML改变输出流document.write()// 入口函数 // 当文档加载完成后 执行 window.onload = function () { document.write("改变输出流");//会覆盖文档 }1、字符串2、解析标签3、换行4、docunment.write()换行:与 连用document.write(“”);document.writeln(“改变输出流1”);document.writeln(“改
2022-04-25 23:07:56
62
原创 js.4.25
DOM获取元素1、通过标签名、类名、id、name(1) 通过id获取元素 是唯一的var atOP=document.getElementById(‘top’)(2)通过class名获取元素 一个或多个HTMLCollection 集合 类似于为数组 伪数var aHeader=document.getElementsByClassName(‘header’)(3)通过标签名获取元素 一个或多个var aText=document.getElementsByName(‘span’)(
2022-04-25 10:32:29
59
原创 js.4.22
1.Date的对象 var date=new Date()(1)getTimezoneOffset 返回本地时间与格林威治时间的分钟差console.log(date.getTimezoneOffset());//-480(2)toString() 将date对象转换为字符串console.log(date.toString());//Fri Apr 22 2022 11:30:33 GMT+0800 (GMT+08:00)(3)toDateString() 将date日期部分
2022-04-23 21:32:27
93
原创 js.4.21
一、Number对象的创建1、字面量var num=10;//number2、nwe关键字var num2=nwe Number(value)var num2=nwe Number(100)//objectvar num2=nwe Number('100')//Number(100)var num2=nwe Number('hello')//Number(Nan)二、Number对象的精度进制js中只用一种数字类型 包含整数和小数(浮点型)var num1=100;var
2022-04-21 19:58:01
104
原创 js.4.20
正则表达式一、创建1.字面量 /表达式/修饰符var reg1=/abc/g;//匹配一个字符串中是否包含abc g:global(全局)console.log(reg1);console.log(typeof reg1);//object2、new关键字 构造函数//var reg2=new RegExp(‘表达式’,‘修饰符’)var reg2=new RegExp(‘abc’,‘g’);console.log(reg2);二、属性和方法var reg1=/a/g;var
2022-04-20 23:03:14
81
原创 js.4.19
多维数组与字符串一、多维数组1、一维数组var arr=[1,2,3];2、多维数组数组项还是数组var arr=[[1,2,3],[4,5],[6,7]]//访问二维数组console.log(arr[0][0]);//结果 1console.log(arr[1][0]);//结果 4//二维数组进行遍历for(var i=0;i<arr.length;i++){//i=0意为多维数组里第一项for(var j=0;j<arr[i].length;j++){//
2022-04-19 21:21:26
56
原创 js.4.18
一、数组的方法var a=[1,2,3,4]var b=[5,6,7,8,9]var c=[‘A’,‘B’,‘C’]1.every()检测数值元素的每个元素是否符合条件console.log(a.every(function(item){return item>0}))2.some()检测数组中是否有元素符合条件console.log(b.some(function(item){ return item>5 }))3.filter()检测
2022-04-18 23:28:23
71
原创 js4.15
1.JS数组的对象数组:数的组合(分组)数组对象:使用单独的变量名储存一系列的值,一个容器储存多个元素。数组项:元素typeof返回object,和object相似,但是存储效率比普通对象高var house1=“别墅”;var house2=“公寓”;var house3=“大平层”//使用数组,将一系列的值进行存储var aHouse=[“别墅”,“公寓”,“大平层”];2.JS数组的创建(1)字面量var arr=[1,2,3];console.log(arr);(
2022-04-17 20:26:53
66
原创 js 4.14
JavaScript对象-对象(object)是一个以键值对形式储存属性的集合,每个属性有一个特定的名称,以及与名称相对应的值。这种关系有一个专有名称,称为映射。-万物皆对象-语法:{key:value,key2:value2,…}-JavaScript的对象的值是:属性和方法的数据。一、对象的分类1、内置对象由Es标准中定义的对象,在任何的Es中都可以使用例如:Math Date Array String Number Booleanconsole.log(Math.PI);conso
2022-04-15 00:08:46
85
原创 js.4.13
带有返回值的函数1、没有返回值的函数function func(){console.log(“没有返回值的函数”)}func();console.log(func());2、带有返回值的函数return 语句 返回值(结果)function func2(){ console.log("带有返回值的函数"); var x =10; return x;}func2();console.log(func2());注意事项:return之后的代码不执行 函数
2022-04-13 19:50:50
63
原创 js第三天4.12
js循环循环是将代码执行指定的次数for循环for(语句1;语句2;语句3){执行的代码}语句1:条件的变量的初始值(代码执行前执行) 只执行一次语句2:循环条件语句3:循环(代码块)已被执行后执行的代码(通常是自增或自减)for (var i = 0; i < 4; i++) { // console.log(i,"执行的代码") document.write("☆☆☆☆☆<br/>") }break语句:用于跳出循环
2022-04-12 22:46:18
44
原创 js第二天.4.11
运算符赋值运算符var a=10;console.log(a);算术运算符/var a=5,b=10;var c=a+b;console.log©;%(取余)console.log(10%2);//0console.log(10%3);//1比较运算符会发生隐式数据转换 会将非数字类型转换数字类型1.> < = >= <=只鞥用于值为数字的数据进行比较2.== 等于 (数值相等) !=不等于=== 绝对等于(数值和数字类型
2022-04-12 09:14:10
45
原创 JAVAScript第一天
js三部分1.ECMAScript(js核心语法部分)2.DOM(文档对象模型)3.BOM(浏览器对象模型)js引入方式1.行内嵌入javascript代码(写在body里)按钮2.内部js代码(写在body里)3.外部js代码(写在body下面,/html上面)js注释1.单行注释//注释内容2.多行注释/*注释内容*/js语法变量的声明var a;变量的赋值a=10;js输出方式1.文档输出 document (body里的内容)docume
2022-04-08 19:38:44
804
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人