js内容
starry__sty
这个作者很懒,什么都没留下…
展开
-
JavaScript测试题2
一 单选题(每题两分)1.( C)用于获取所有的元素子节点?A: childB: childNodeC: childrenD: childNodes2.查找第一个子节点可以用(A)?A: firstChildB: firstC: lastD: lastChildbox.parentNode的作用是?BA: 查找box的子元素B: 查找box的父元素C: 查找box的下一个兄弟D: 查找box的前一个兄弟4.删除节点用什么方法?CA: appendChild()B: r原创 2020-11-10 15:31:48 · 2205 阅读 · 0 评论 -
Javascript 封装ajax方法
封装原则 把可能会变动的内容,都给弄参数,让用户传递进来function aa({url,type=‘get’,async=true,data}){处理兼容问题 var xhr=null try{ xhr = new XMLHttpRequest() }catch(e){ xhr = new ActiveXObject('Microsoft.XMLHTTP') }处理参数 if(data){ data = xxo原创 2020-11-05 20:07:10 · 651 阅读 · 0 评论 -
Javascript获取滚动条兼容
兼容问题:获取滚动条高度:html:<div id='box'> <h1>你好<h1> </div>css:<style> #box{ height: 2000px; width: 3000px; border: 1px solid red; } </style>为body添加滚动事件,注意用sc原创 2020-11-05 19:57:06 · 101 阅读 · 0 评论 -
Javascript测试题1
一 单选题1.表达式"123abe"-"123"的计算结果是_。DA. “abc” B. 0 C. “123abc123” D. NaN2.下面的哪一个表达式将返回真? DA. (3=3)&&(5<l) B. !(17<=20)C. (3!=3) || (7<2) D. (1=1) || (3<2)3.有语句“var x=0; while(_____) {x+=2;}",要使while循环体执行10次,空白处的循环判定原创 2020-11-04 09:24:45 · 4213 阅读 · 0 评论 -
Javascript执行上下文顺序
一 执行上下文?1什么是执行上下文?执行上下文就是当前的 JavaScript 代码被解析和执行时所在环境的抽象概念, JavaScript 中运行任何的代码都是在执行上下文中运行的.2 执行上下文的类型执行上下文分为三种类型:全局执行上下文:只有一个,这是默认的,也是基础的执行上下文.(不在任何函数中的代码都是全局执行上下文)他有两个作用,一个是创建了全局变量,也就是指向window下的变量,另一个是将this的指向全局.函数执行上下文:有无数个,每个函数都拥有自己的执行上下文,但是只有在函数原创 2020-11-03 10:53:51 · 517 阅读 · 2 评论 -
js xml
xml1.什么是xml?XML 指可扩展标记语言(EXtensible Markup Language)。XML 是一种很像HTML的标记语言。XML 的设计宗旨是传输数据,而不是显示数据。 XML 标签没有被预定义。您需要自行定义标签。 XML 被设计为具有自我描述性。 XML 是 W3C 的推荐标准。2.XML 和 HTML 区别?XML 不是 HTML 的替代。XML 和 HTML 为不同的目的而设计:XML 被设计用来传输和存储数据,其焦点是数据的内容。HTML 被设计用原创 2020-09-25 10:34:45 · 161 阅读 · 0 评论 -
js DOM
1:什么是dom对象?dom对象就是html页面,dom对象的全称叫document object model(文档对象模型)2:dom对象的作用是什么呢?dom对象就是通过一些方法和属性来操作标签, 这么操作标签? 将标签元素进行添加、移动、改变或移除3:标签标记元素==节点4: dom节点的分类?dom节点分为3种类型 1:标签节点 2:文本节点 属于标签下面的子节点 3:属性节点5:返回节点类型值nodeName 该节点的名字,和tagName方法一样node原创 2020-09-22 19:57:11 · 161 阅读 · 0 评论 -
js BOM
1:什么是bom?全称:browser object model; bom就是浏览器对象! 简单来说,就是学习一些操作浏览器窗口的方法和属性等!2:window对象是BOM的核心,也是BOM里面的顶级对象。window对象也有很多内置方法(alert(1)) window对象既是ECMAScript规范中的Global对象,也是BOM中的顶级对象; document对象既是BOM对象的一个属性,也是DOM模型中的顶级核心 location对象既是window对象的属性,同时也是dom原创 2020-09-22 11:06:46 · 80 阅读 · 0 评论 -
js中预解析 作用域链
预解析/预编译a:js解析代码分为2种。1:首先预解析(叫编译过程)2:在执行js代码(从上到下,从左到右)b:预解析?1:js解析代码的时候,会先提前读取带有关键字 var 和 function 的全局类型;c:声明和定义? var num=12; 在基本类型里面,声明在前,定义在后!(先声明后定义) function fun(){ alert(1) } fun(); 对于函数来说,声明和定义同时执行。2 函数的作用域链?每一个函数都有自己的作用域链条,作用域链就是在原创 2020-09-22 10:18:09 · 90 阅读 · 0 评论 -
js高级函数总结
1:什么是函数?a:通过关键字 function定义声明的语句就是函数 function sun(){ }b:函数是一个代码块的集合2:函数的命名?a:参考变量命名3:函数的调用有几种?a:普通调用 function sun(){ } sun()b:事件中调用 <p onclick="sun()"></p>c:表达式中调用(输出方法中调用) function sun(){ var n=1; return n; } alert(sun原创 2020-09-22 10:08:34 · 138 阅读 · 0 评论 -
js中this的指向问题
1:this是什么?this是一个关键字,他的作用具有指向性。2:this的指向分类?a:在事件函数中,this指向事件前对象。 b:在普通函数中,谁调用这个函数,this就指向谁。c:在apply()和call()方法中this指向方法中的对象(如下,指向obj) 举例: var x=2; var obj={ x:4 } function fn(){ alert(this.x);//2 } fn(); fn.call(obj) d:在面向对象中.......原创 2020-09-22 09:58:38 · 62 阅读 · 0 评论 -
js函数的封装
函数封装的概念:函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 用函数把重复的代码块包裹起来就是函数封装。封装的作用: 其实就是为了减少代码的冗余,增加代码的可读性与易维护性, 将实现同一功能的代码封装起来,在需要实现这一功能时调用即可。举例1删除dom对象的空白节点:function removeNode(nodee) { for (var i = 0; i < nodee.length; i ++) { if (nodee[i].nodeType ===原创 2020-09-22 09:53:16 · 2641 阅读 · 0 评论 -
js拖拽
1:鼠标在元素上的坐标位置offsetXoffsetY2:鼠标在浏览器(可视窗口)上的坐标位置clientXclientY3:事件onmousedown 鼠标按下 onmousemove 鼠标移动 onmouseup 鼠标弹起4:可视窗口的宽度和高度document.documentElement.clientWidthdocument.documentElement.clientHeight5:获取元素的宽高offsetWidthoffsetHeight6:获取元原创 2020-09-22 09:48:35 · 141 阅读 · 0 评论 -
js面向对象
1:什么是对象?a:对象就是由若干个键值对,无须组成的数据类型,被称之为对象。b:简单理解,提供了特有的方法和属性就是对象!c:“对象”是一个容器,封装了“属性”(property)和“方法”(method)。举例:var o={ name:'tom', age:12, fun:function(){ alert(1) }}2:键值对?花括号里面冒号前被称之为键,冒号后被称之为值,通过键获取值。3:什么是面向对象?面向对象是一种编程思想,通过这种思想来完成代码的编程。(oo原创 2020-09-22 09:44:38 · 147 阅读 · 0 评论 -
js继承
1:什么是继承,继承的概念:继承是指一个对象直接使用另一对象的属性和方法,继承可以使得子类具有父类的各种属性和方法。2:继承的称呼:父类 == 超类型 == 基类子类 == 派生类3:继承的方法:1:原型链继承 原型链继承的缺点: 1:创建子类实例时不能向超类传参 2:引用类型不能保持独立 2:构造继承 借用构造函数的继承解决了: 1:引用保持独立 2:可以传参 借用构造函数的继承(又叫:冒充继承) 方法:call() 构造继承缺点:原创 2020-09-22 09:23:51 · 93 阅读 · 0 评论 -
js数组
1.概念(什么叫数组):数组是一个可以存储一组或一系列相关数据的容器。2.数组元素(数组的内容):是指存储在数组中并赋予唯一索引号(下标)的数据段。数组元素的数据类型可以不相同。通过下标或者索引号能获取到数组相对应得内容。3.作用:为了解决大量相关数据的存储和使用的问题。4:创建数组的方法:方法1:通过关键字new 创建数组var arr=new Array(0,1,2,3)方法2:通过字面量创建数组(通过中括号创建数组)var arr=[0,1,2,3];5:获取数组的长度属原创 2020-09-22 09:19:00 · 90 阅读 · 0 评论 -
js日期对象
日期对象1:创建日期对象的方法:日期对象被创建以后,会获得本地(电脑上的时间)系统时间var dat=new Date();document.write(new Date())2:to开头的方法是将时间转换为字符串toString() 将日期时间转换为普通字符串toUTCString() 将日期时间转换为世界时间格式的字符串toLocaleString() 将日期时间转换为本地时间格式的字符串var dat=new Date();document.write(原创 2020-09-21 20:46:02 · 81 阅读 · 0 评论 -
js正则
正则创建正则的两种方式? new RegExp("表达式"); /正则表达式/修饰符例子: /abc/i正则的方法?test()搜索字符串指定得值,根据结果返回真或假;格式:/正则/.test(字符串);search()搜索返回第一次搜索的元素下标,找不到返回-1;格式:''字符串".search(/正则/);replace()替换内容格式: ''字符串".replace(/正则表达式/,要替换的内容)exec()返回匹配的内容,找不到返回null;格式:/ 正原创 2020-09-21 10:44:31 · 270 阅读 · 0 评论 -
js密码验证
密码验证<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>用户名验证</title></head><body> <form ac原创 2020-09-18 15:33:11 · 1255 阅读 · 0 评论 -
js定时器
定时器setTimeout 单次定时第一个参数是匿名函数 第二参数是多少毫秒后执行 第三个函数是返回值(返回的是地址)clearTimeout() 清除定时器setInterval 多次定时第一个参数是匿名函数 第二参数是多少毫秒后执行 第三个函数是返回值(返回的是地址)clearInterval() 清除定时器拖拽<html lang="en"><head> <meta charset="UTF-8"> &l原创 2020-09-18 15:27:19 · 77 阅读 · 0 评论 -
js消息框 事件
消息框警告框 alert();确认框 confirm(); 返回true和false;提示框 prompt();事件鼠标事件:onclick: 鼠标单击事件 可以直接写js内容或函数名ondblclick: 鼠标双击事件onmouseover: 鼠标移入事件onmouseout: 鼠标移出事件onmousemove: 鼠标移动事件(获取坐标点)scrollX 鼠标在事件源X坐标scrollY 鼠标在事件源Y坐标onmousedown : 鼠标原创 2020-09-18 14:26:05 · 234 阅读 · 0 评论 -
js函数
函数定义:将一堆一堆的代码放在一起;格式:··调用: 名称();参数:形参和实参;形参:在定义函数中function之后的函数名之后的小括号里的变量名即为参数;实参:在调用函数时,小括号里面存放的变量或数值即为参数;作用代码可以多次重复执行,实现代码重用性;函数调用需要注意这个函数有几个必选的参数,就要提供几个实参传进去;可选参数 定义函数的时候形参给默认的值了,那这个参数就是可选参数;可选参数常放在参数最后面;:局部变量: 在函数内部使用var 关键字定义的变量是局部变量,只能在原创 2020-09-17 19:06:49 · 74 阅读 · 0 评论 -
js流程控制 循环 数组
流程控制顺序执行: 自上而下 自左而右执行;分支结构:单分支:if(条件表达式){代码块;}双分支:if(条件表达式){true;}else{false;}多分支 范围if(条件表达式1){}else if(条件表达式2){}else{}原创 2020-09-17 16:28:44 · 79 阅读 · 0 评论 -
js数据类型 运算符
数据类型基本数据类型: number string Boolean复合数据类型: array object其他数据类型: undefined function null字符串:string使用双引号或单引号定义的;单引号和双引号都支持转义字符单引号和双引号都不能解析字符字符串不能跨行定义数值parseInt 整数parsefloat 小数NAN 非数值typeof 掰断变量类型类型转换强制转换 自动转换运算符运算符:用来运算的符号就是原创 2020-09-17 10:19:42 · 135 阅读 · 0 评论 -
javascript使用 和输出的方式 变量 注释
javascript使用的四种方式?行内 :`<input type="" value="" onclick="alert()">` 内嵌: `<script>alert("")</script>`外部导入:`<script src=""></script>`基于跳转:`<a href="javascript:alert("你好")"></a>`js常用的三种输出方式?控制台输出c原创 2020-09-16 19:31:21 · 117 阅读 · 0 评论