- 博客(18)
- 收藏
- 关注
RSS订阅原创 BOMBOM
一、初识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浏览器的配置信息，对n
2022-05-09 04:06:05
149
原创 BOM第六天
事件冒泡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-09 03:58:17
102
原创 DOM第五天
DOM的键盘事件1.onkeydown事件(键盘按键被按下)// onkeydown 某个键盘按键被按下 针对所有键oText.οnkeydοwn=function(event){console.log(“onkeydown事件”);console.log(event);}document.οnkeydοwn=function(event){console.log(event.keyCode);}2.onkeyupd事件(键盘按键被松开)// onkeyup 某个键盘按键被松开。oT
2022-05-05 09:51:35
172
原创 DOM第四天
onclick 当用户点击某个对象是调用的事件句柄 左键单击aBox[0].οnclick=function(event){console.log(“onclick事件”);console.log(event);}//ondblclick 当用户双击某个对象是调用的事件句柄 左键双击aBox[1].οndblclick=function(event){console.log(“ondblclick事件”);console.log(event);}//onmousedown 鼠标按钮被按下
2022-04-28 08:56:41
212
原创 DOM第三天
DOM节点的查找(遍历)遍历(Traversal)，是指沿着某条搜索路线，依次对树（或图）中每个节点均做一次访问通过某一个元素查找另外一个元素父子元素1.children 返回子(元素)节点，不包含文本(空)节点console.log(oWrap.children);//2.childNodes 返回子节点，包含文本(空)节点console.log(oWrap.childNodes);//text 空文本3.firstElementChild 第一个子(元素)节点，不包含空节点conso
2022-04-27 15:21:49
225
原创 DOM第二天
PS抠图选区（栅格化图层） --> Crtl+C–> Ctrl+N（透明背景） --> Ctrl+V --> 储存为web所有格式(png)合并图层(Ctrl+E) 取消选中Ctrl+DXSS攻击XSS攻击通常指的是通过利用网页开发时留下的漏洞，通过巧妙的方法注入恶意指令代码到网页，使用户加载并执行攻击者恶意制造的网页程序。这些恶意网页程序通常是JavaScript，请记住两条原则：过滤输入和转义输出。前端注意.innerHTML、.outerHTML、docum
2022-04-26 03:06:38
134
原创 DOM第一天
DOM（文档对象模型）-当网页被加载时，浏览器会创建DOM，DOM属于BOM的一部分，对document的操作-HTML DOM被构造为对象的树 DOM树-DOM树包含HTML元素，HTML文本，HTML属性-JavaScript通过DOM可以改变HTML元素，HTML文本，HTML属性（CSS样式），事件做出反应DOM获取元素1、通过标签名、类名、id、name(1) 通过id获取元素 是唯一的var atOP=document.getElementById(‘top’)(2)通过cl.
2022-04-25 09:57:17
141
原创 JS第十一天
JS的Date对象的方法2toSTring() 把Date对象转换为字符串console.log（oDate1.toString()）；toDateString() 把Date对象的日期部分转换为字符串console.log（oDate1.toDateString()）；toTimeString() 把Date对象的时间部分转换为字符串console.log（oDate1.toTimeString()）；toLocalString() 根据本地时间格式，把Date对象转换为字符串consol
2022-04-24 02:02:22
122
原创 JS学习第十天
Number对象Number对象是原始数值的包装对象-创建-精度 进制-属性-方法Number对象的创建1.字面量var num=10;2.new关键字var num2=new Number(value);当参数的值不能转换成数字时，将返回NaNvar num2=new Number(100);console.log(num2);console.log(typeof num2);var num3=new Number(“100”);console.log(num3);var
2022-04-22 05:10:43
274
原创 JS学习第九天
正则表达式-正则表达式（Regular Expression）RegExp-什么是正则表达式？ 正则式正则表达式是由一个字符序列形成的搜索模式。当你在文本中搜索数据时，你可以用搜索模式来描述你查询的内容正则表达式可以是一个简单的字符，或者是一个更复杂的模式正则表达式可以用于所有文本搜索和文本替换的操作由一个字符序列形成的搜索模式，用来匹配-正则表达式的模式：1.正则表达式的范围2.正则表达式的元字符3.正则表达式的量词正则表达式的创建1.字面量 /表达式/修饰符var reg1=
2022-04-21 01:04:23
62
原创 JS学习第八天
多维数组数组项 还是数组 就是多维数组var arr=[1,2,3,4,5];// 二维数组var arr2=[[1,2,3],[4,5,6],[7,8,9]];// 访问二维数组console.log(arr2[0][0]);var arr3=new Array();// arr3[0][0]=1;// arr3[0][1]=2;arr3[0]=[1,2,3];arr3[1]=[4,5,6];arr3[2]=[7,8,9];console.log(arr3[0][0]);//
2022-04-20 02:25:43
93
原创 JS学习第七天
数组对象的方法（迭代）什么是数组迭代？答：数组迭代就是对数组的每一项都进行相应的操作。例：var arr1=[1,2,3];var arr2=[4,5,6];var arr3=[“A”,“B”,“C”,“D”,“E”,“F”,“G”]；every(函数) 检测数值元素的每个元素是否都符合条件函数： //function(item){// item 数组元素}console.log（arr1.every(function(item){//item 数组元素console.log(item
2022-04-19 01:35:18
92
原创 JS学习第六天
JS数组对象什么是数组？答：数组是一个列表形式的对象，用于存储逗号分隔的值。 这些值可以是任何值-字符串，数字，对象甚至函数。数组：字面意思 数据的组合（分组）数组对象：使用单独的变量命储存一系列的值，一个容器储存多个元素数组项：元素 使用的符号[ ]typeof 返回 object，和object类似，但是他的存储效率比普通对象高单独声明变量 储存数据var name1=“唐僧”;var name2=“悟空”;var name3=“悟净”var name4=“悟能”;使用数组将
2022-04-18 01:31:30
82
原创 JS学习第五天
JS的对象对象（Object）是一个以键值对形式储存属性的集合，每个属性有一个特定的名称，以及与名称相对应的值。这种关系有一个专属名称，称为映射。对于对象来说，除了可以通过这种方式保持自由属性，还可以通过继承的方式继承属性，这种方式称为“原型式继承”。万物皆对象-语法：{key:value,key2:value2,key3:value3,…}-js的对象的值是 属性和方法的数据JS对象的分类-内建（内置）对象由ES标准中定义的对象，在任何的ES中都可以使用例如： Math Date Ar
2022-04-15 01:11:57
83
原创 JS学习第四天
2.根据有无参数分类：1.传参函数 f(x)=x+1// 参数： 调用方法（函数）时，根据传入的参数的不同，而返回不同的结果x: 形参 形式上的参数function func3(x){console.log(x);}(x 不限数量)//调用func3(1); // 1 实参 有实际意义的参数func3(2); // 2 实参//拼接字符串function newStr(str1.str2){console.log(str1+str2)}newStr(“hello”,“world
2022-04-14 02:54:23
125
原创 JS学习第三天
JS的循环循环是将代码执行指定的次数1.for循环1.for(语句1；语句2；语句3){执行的代码}语句1：条件的变量的初始值（代码执行前执行） 只执行一次语句2：循环条件语句3：循环（代码块）已被执行后执行的代码（通常是自增或自减）- 写法：for(var i=0;i<4;i++){ // console.log(i,“执行的代码”) document.write("xingxing<br>") }//模拟 接力赛for(var i=0
2022-04-13 01:22:48
134
原创 JS学习第二天
#JS的运算符##赋值运算符=变量的声明 var变量的赋值 =变量名 = 变量的值var num=10;console.log(num);num=20;console##算数运算符+ - * / %（取余 、模、模余）加：var a=10,b=3;var c=a+b;console.log(c); 13减：console.log(a-b); 7乘：console.log(a*b); 30除：console.log(a/b); 3.33333333
2022-04-12 04:25:11
143
原创 JavaScript学习第一天
#前端分为三层结构层 HTML：定义网页的内容表现层 CSS：定义元素如何表现，描述网页的布局行为层 JavaScript：定义网页的行为是一种运行在浏览器的脚本语言#宿主，在哪里运行浏览器 node Adobe Flash#JavaScript分为三部分：1.ECMAScript ( js核心语法部分)2.DOM（文档对象模型）Document Object Model3.BOM（浏览器对象模型）Browser Object Model#JS的引入方式1.行内嵌入JS代码（不推荐使
2022-04-11 04:38:31
866
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人