JavaScript笔记(6)
JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记
大家好，又见面了，我是你们的朋友全栈君。全文参考：https://github.com/iuap-design/blog/issues/38 、MDNclientHeight，只读 clientHeight 可以用公式 CSS height + CSS padding – 水平滚动条的高度 (如果存在) 来计算。如图，这样一个div，它的clientHeight为95，计算：50(heigh
日期 2023-06-12 10:48:40
JavaScript笔记(7)
又想起第一次学Python学到对象的时候被支配的恐惧,好在现在已经理解了JavaScript对象什么是对象 现实生活中,万物皆对象,对象是一个具体的事物,看得见摸得着的实物,例如: 一本书,一辆汽车,一个人可以是对象,一个数据库,一张网页,一个与远程服务器的连接也可以是"对象". 在JS中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串,数值
日期 2023-06-12 10:48:40
JavaScript笔记(15)
来做个案例:动态生成表格 这个写的就有点棘手了...很多地方想不到决定自己再写一遍,然后再贴上来... ok写完了 先来看看结构,表格的内容不用写 存储数据,因为我们没学数据库,所以就用对象模拟一下: 因为要存多个对象,所以用数组将他们包含起来,用逗号分割.三种动态创建元素区别 document.write( )element.innerHTMLdocument.createElement
日期 2023-06-12 10:48:40
JavaScript笔记(17)
事件委托事件冒泡本身的特征,会带来坏处,也会带来好处,需要我们灵活掌握. 事件委托 事件委托也称为事件代理,在jQuery里面被称为事件委派 事件委托的原理 不是给每个子节点单独设置事件监听器,而是将事件监听器设置在其父节点上,然后利用冒泡原理影响设置每个子节点 (一定要记住!)事件委托的作用 我们只操作了一次DOM,提高了程序的性能那我们可以这么做,给ul加上点击事件: 但是我们可以看
日期 2023-06-12 10:48:40JavaScript 前端笔记总结(精简)
JavaScript 一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型,属于网络的脚本语言,现在已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果,现在随着node.js引擎的出现,使得JavaScript逐步成为了一种全栈开发语言了.JavaScript 引入方式◆代码引入◆第一种引入方式就是在body标签的区域内直接使用&l
日期 2023-06-12 10:48:40《JavaScript高级程序设计》读书笔记
kbit/s数据传送率的单位.意思是每秒钟多少千字节.比如20Kbit/s就是每秒钟20000个字节.一般上网、下载的速度用这个单位.adsl宽带上网下载速度大概为30-50Kbit/s.JavaScript的组成JavaScript由ECMAScript(JavaScript的版本)、DOM(文档对象模型)、BOM(浏览器对象模型)三部分组成开启严格模式的方法在js脚本的最顶部添加下面一段代码&
日期 2023-06-12 10:48:40JavaScript权威指南(第四版)读书笔记
Javascript是无类型、解释型语言对大小写敏感html对大小写不敏感忽略空格符、制表符、换行符(关键字、变量、正则表达式除外)";"分号可选择//单行注释/*多行注释*/标示符开头必须是字母、下划线、$符号关键字：breakdeletefunctionreturntypeofcasedoifswitchvarcatchelseinthisvoidcontinuefalseinstanceo
日期 2023-06-12 10:48:40
JavaScript语言精粹学习笔记
非常好的想法包括函数，弱类型，动态对象和一个富有表现力的对象字面量的表示法，坏的想法包括基于全局变量的编程模型。JavaScript的函数是基于词法作用域的顶级对象。Javascript是第一个成为主流的Lambda语言。相对于Java而言，JavaScript于Lisp和Scheme有更多的共同点。它是披着C外衣的Lisp。这使得JavaScript成为一个非常强大的语言。现在大部分变成语言都
日期 2023-06-12 10:48:40JavaScript中级笔记第二章
1，引用引用是一个指向对象实际位置的指针。看下面的使用引用的例子： 本例中，两个对象都指向同一个对象，当修改某一个对象的属性内容时，则会影响另一个。我们再来看一个例子，这次我们利用数组来讲解引用： 如果在arr被重新定义后，则引用就不是同一个对象了，如下代码所示： 接下来我们来看一个比较特殊点的例子，关于字符串的引用问题。 正如本例所示，在执行字符串操作时，结果总会是一个新的字符串对象，
日期 2023-06-12 10:48:40JavaScript学习笔记（四）
本地对象①Array类②Date类对象的类型内置对象①Global对象②Math对象宿主对象今天继续学习JS中的对象，昨天学完了本地对象中的两个重要对象Array和Date。今天看下内置对象Global对象和Math对象。Global对象encodeURI()方法用于处理完整的URI，去除一些空格等字符。eval()方法可计算某个字符串，并执行其中的的JavaScript代码。Math对象min
日期 2023-06-12 10:48:40
JavaScript学习笔记（七）字符串的连接
字符串的连接一、最常用+=一直说这种方式的效率是最低的，为什么呢？可以看下这种方式的实质过程。varstr="hello";str+="world";(1)创建存储"hello"的字符串。(2)创建存储"world"的字符串。(3)创建存储连接结果的字符串。(4)把str的当前内容复制到结果中。(5)把"world"复制到结果中。(6)更新str，使它指向结果。每次完成字符串连接都会执行步骤2到
日期 2023-06-12 10:48:40Javascript学习笔记2函数
就像我们可以写成这样的形式一样：复制代码代码如下:functionHello(){alert("Hello");}Hello();varHello=function(){alert("Hello");}Hello();其实都是一样的。但是当我们对其中的函数进行修改时，会发现很奇怪的问题。复制代码代码如下:<scripttype="text/javascript">functionHe
日期 2023-06-12 10:48:40Javascript学习笔记8用JSON做原型
代码如下：复制代码代码如下:<scripttype="text/javascript">varPeople={name:"kym",age:21,SayHello:function(){alert("Hello,Mynameis"+this.name+".Iam"+this.age);}}alert(People.name);People.SayHello();</script
日期 2023-06-12 10:48:40Javascript学习笔记9prototype封装继承
好，那就让我们一步步打造，首先让我们来看下继承原本的写法：复制代码代码如下:<script>varPerson=function(name,age){this.name=name;this.age=age;}Person.prototype.SayHello=function(){alert(this.name+","+this.age);};varProgrammer=functi
日期 2023-06-12 10:48:40JavaScript学习笔记（十二）dom
DomcreateElement()、createTextNode()、appendChild()、removeChild()、replaceChild()、insertBefore()、createDocumentFragment()//创建新节点functionCreatNode(){varoP=document.createElement("p");oP.innerHTML="<fo
日期 2023-06-12 10:48:40JavaScript学习笔记（十四）正则表达式
RegExp类RegExp对象的构造函数可以带一个或两个参数第一个参数是描述需要进行匹配的模式字符串，如果还有第二个参数，这个参数则制定了额外的处理指令。一、基础1.1使用RegExp对象test()方法测试是否匹配。如果给定字符串(只有一个参数)匹配这个模式，它就返回true,否则返回false复制代码代码如下:varsToMatch="cat";varreCat=/cat/;//正则表达式字
日期 2023-06-12 10:48:40JavaScript学习笔记（十五）
事件事件是DOM（文档对象模型）的一部分。事件流就是事件发生顺序，这是IE和其他浏览器在事件支持上的主要差别。一、事件流1、冒泡型事件IE上的解决方案就是冒泡型事件，它的基本思想是从最特定的目标到最不特定的事件目标（document对象）的顺序触发。过程：按照DOM的层次结构像水泡一样不断上升至顶端。（从里面的div触发事件再到body，到html最后直到document最顶端）。2、捕获型事件
日期 2023-06-12 10:48:40JavaScript学习笔记之获取当前目录的实现代码
复制代码代码如下:functionGetCurrentDirectory(){varcurHref=location.href;varcurArray=locHref.split("/");deletecurArray[curArray.length-1];varcurdir=curArray.join("/");returncurdir;}
日期 2023-06-12 10:48:40某人初学javascript的时候写的学习笔记
复制代码代码如下:/**JavaScript对象就是一组属性（方法）的集合*在该语言中如果变量名或方法名不符合声明规范，*则一定得用方括号“[]”引用它**//***<1.>该语句声明了一个class1类，class1相当于构造方法，又叫构造器*也可说声明了一个class1方法*/functionclass1(){this.name="xjl";//给对象添加属性this.say=f
日期 2023-06-12 10:48:40javascript学习笔记（二）鼠标经过时，改变div块的背景色的代码
HTML部分代码：复制代码代码如下:<ul><li>鼠标经过时改变背景色</li><li>鼠标经过时改变背景色</li><li>鼠标经过时改变背景色</li><li>鼠标经过时改变背景色</li></ul>javascript部分代码：当鼠标经过时，给li添加class="cu
日期 2023-06-12 10:48:40javascript学习笔记（五）正则表达式
常用到的元字符有：•.查找单个字符，除了换行和行结束符；•\w匹配字母、汉字、数字、下划线等符号；•\s匹配空白符(包含空格、制表符等)；•\d匹配数字；•\b匹配位于单词的开头或结尾的匹配；常用的量词有：•^n匹配任何开头为n的字符串；•n$匹配任何结尾为n的字符串；•n+匹配任何包含至少一个n的字符串；•n*匹配任何包含零个或多个n的字符串；•n?匹配任何包含零个或一个n的字符串；•n{X}
日期 2023-06-12 10:48:40javascript温习的一些笔记基础常用知识小结
以下是全部内容：2010.11.29日1.[window.]alert();document.alinkColortextString.anchor()navigator.appCodeNameescape("Hi!")返回ascii码eval("x+y")对字符串求值x=10,y=20;eval=30formName.elementName.focus();设置元素成为焦点history.fo
日期 2023-06-12 10:48:40JavaScript学习笔记（二）js对象
1.简单类型javascript的简单类型包括数字（Number）、字符串（String）、布尔值（Boolean）、null值和undefined值。其他所有值都是对象。2.对象javascript中的对象是可变键控集合。在javascript中，数组、函数、正则表达式都是对象。对象是属性的容器。其中每个属性都拥有名字和值。属性的名字可以是包括空字符串在内的任意字符串。属性值可以是除undef
日期 2023-06-12 10:48:40javascript学习基础笔记之DOM对象操作
DOM文档对象模型是HTML和XML的应用程序接口（API），DOM将整个页面规划成由节点层次构成的文档。DOM对象给予开发者对HTML的访问权限，并且使开发者能将HTML作为XML文档来处理和查看。DOM对象是与语言无关的API，意味着它的实现并不是与javascript绑定，这在于初学者来说可能会理解错误。DOM是针对XML的基于树的API，它关注的不仅仅是解析XML代码，而是用一系列相互关
日期 2023-06-12 10:48:40《JavaScript高级程序设计》阅读笔记（三）ECMAScript中的引用类型
2.8引用类型1、Object类 ECMAScript中的所有类都是由Object类继承而来。 Object类具有下列属性： Constructor：对创建对象的函数的引用（指针），对于Object类，该指针指向原始的Object()函数 Prototype：对该对象的对象原型的引用。 Object类还有几个方法： HasOwnProperty(property)：判断对象是否有某个
日期 2023-06-12 10:48:40javascript学习笔记(七)js函数介绍
1.函数内部属性argumentsarguments用来保存函数的参数,arguments.callee指向拥有arguments对象的函数复制代码代码如下://阶乘functionfactorial(num){if(num<=1){return1;}else{returnnum*arguments.callee(num-1);//用agreements.callee代替}}vartrue
日期 2023-06-12 10:48:40javascript学习笔记(十)js对象继承
1.原型链//很少单独使用复制代码代码如下:ViewCode//定义SuperClass类，有一个属性property和一个方法getSuperValuefunctionSuperClass(){this.property=true;}SuperClass.prototype.getSuperValue=function(){returnthis.property;}//定义SubClass类，
日期 2023-06-12 10:48:40javascript学习笔记(十五)js间歇调用和超时调用
1.超时调用setTimeout()setTimeout()方法接受两个参数，第一个参数是函数，第二个参数是时间（单位微秒），返回数值ID复制代码代码如下:setTimeout(function(){alert("你好!");},1000);调用前取消clearTimeout(),接受一个参数超时调用ID复制代码代码如下:vartimeOutId=setTimeout(function(){al
日期 2023-06-12 10:48:40JavaScript高级程序设计阅读笔记（十三）js定义类或对象
工厂方式 创建并返回特定类型的对象。 复制代码代码如下:functioncreateCar(sColor,iDoors,iMpg){varoTempCar=newObject();oTempCar.color=sColor;oTempCar.doors=iDoors;oTempCar.mpg=iMpg;oTempCar.showColor=function(){alert(this.colo
日期 2023-06-12 10:48:40JavaScript高级程序设计阅读笔记（十四）js继承机制的实现
继承 继承是面向对象语言的必备特征，即一个类能够重用另一个类的方法和属性。在JavaScript中继承方式的实现方式主要有以下五种：对象冒充、call()、apply()、原型链、混合方式。 下面分别介绍。对象冒充 原理：构造函数使用this关键字给所有属性和方法赋值。因为构造函数只是一个函数，所以可以使ClassA的构造函数成为ClassB的方法，然后调用它。ClassB就会收到Clas
日期 2023-06-12 10:48:40JavaScript高级程序设计阅读笔记（十九）js表格排序
排序代码复制代码代码如下:functionSortTable(sTableID,iCol,sDataType){this.oTable=document.getElementById(sTableID);this.oTBody=this.oTable.tBodies[0];this.colDataRows=this.oTBody.rows;this.aTRs=[];this.iCol=iCol;
日期 2023-06-12 10:48:40