javascript笔记1
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笔记(3)
01循环目的:在实际问题中,有许多具有规律性的重复操作,因此在程序中要完成这类操作就需要重复执行某些语句. 在JS中,主要有三种类型的循环语句:for循环while循环do...while循环 在程序中,一组被重复执行的语句被称为循环体,能否继续重复执行,取决于循环的终止条件.由循环体及循环的终止条件组成的语句,被称为循环语句. 语法:for (初始化变量; 条件表达式; 操作表达式;) {
日期 2023-06-12 10:48:40
JavaScript笔记(7)
又想起第一次学Python学到对象的时候被支配的恐惧,好在现在已经理解了JavaScript对象什么是对象 现实生活中,万物皆对象,对象是一个具体的事物,看得见摸得着的实物,例如: 一本书,一辆汽车,一个人可以是对象,一个数据库,一张网页,一个与远程服务器的连接也可以是"对象". 在JS中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串,数值
日期 2023-06-12 10:48:40JavaScript笔记(8)
内置函数JavaScript中的对象分三种:自定义对象(var) 内置对象 浏览器对象前面两种对象是JS基础的内容,属于ECMA是script;第三个浏览器对象是JS独有的,我们JS API再学习内置对象就是指JS语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能(属性和方法)内置对象最大的优点就是帮助我们快速的开发JavaScript提供了多个内置对象: Math
日期 2023-06-12 10:48:40JavaScript笔记(13)
先总结一下操作元素的知识点排他思想今天学习的是排他思想,具体表现为什么呢? 就比如这个轮播图,当我们选择了特定的元素时样式才会改变,而其他的不变,返回原来的状态 我们试着用按钮模拟一下,当我们点击了哪一个,哪一个按钮的背景颜色就变成粉色.一开始是这样写的,让我们看看会有什么问题我们会发现我们在点击别的按钮的时候,原来被按下的按钮并不会还原,这时候就体现出排他思想的作用了.解决的思路: 1
日期 2023-06-12 10:48:40JavaScript笔记(18)之BOM
现在开始学习BOM啦,先来看看学习目标:什么是BOM BOM(Browser Object Model),即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window BOM由一系列相关的对象构成,并且每个对象都提供了很多方法和属性 BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C,BOM最初是Netscape浏览器标
日期 2023-06-12 10:48:40
JavaScript笔记(21)
今天继续做案例,昨天就看了三集...想要看完真是遥遥无期,我真的太懒了...间歇性踌躇满志,持续性懒惰,达咩!!!京东放大镜案例:唉,这玩意真的把我弄晕了快...太多数学题了...晕倒第二天早上起来重做了一遍,现在终于弄清楚了!我们先来看看结构: 样式: JS: 先获取元素: 先搞定两个简单的事件,鼠标在预览图上时就显示遮罩层和大图,否则隐藏 这个地方一定要注意是给preview-i
日期 2023-06-12 10:48:40JavaScript笔记
记录了一些常用的JavaScript用法获得事件var event = event || window.event;复制阻止事件冒泡var event = event || window.event; //阻止事件冒泡 if (event && event.stopPropagation) { event.stopPropagation(); } else { e
日期 2023-06-12 10:48:40JavaScript笔记详解编程语言
b.作用： 给页面添加动态效果 c.历史： 原名叫做livescript.W3c组织开发的标准叫ECMAscipt. d.特点： 1). 弱势语言 2). 由浏览器直接解析执行。（函数不能直接执行） 3). 是一个解释性语言 4). 交互性（它可以做的就是信息的动态交互） 5). 安全性（不允许直接访问本地硬盘） 6). 跨平台性（只要是可以解释Js
日期 2023-06-12 10:48:40
javascript优先加载笔记代码
函数部分复制代码代码如下:<scripttype="text/javascript">functionsysTab(){$("#container>ul").tabs({selected:0});}</script>复制代码代码如下:<body><divid="container"><!--需要加载的dom--><ul>
日期 2023-06-12 10:48:40
JavaScript中级笔记第二章
1，引用引用是一个指向对象实际位置的指针。看下面的使用引用的例子： 本例中，两个对象都指向同一个对象，当修改某一个对象的属性内容时，则会影响另一个。我们再来看一个例子，这次我们利用数组来讲解引用： 如果在arr被重新定义后，则引用就不是同一个对象了，如下代码所示： 接下来我们来看一个比较特殊点的例子，关于字符串的引用问题。 正如本例所示，在执行字符串操作时，结果总会是一个新的字符串对象，
日期 2023-06-12 10:48:40Ruffyjavascript学习笔记
1,javascript的原型模型：prototype在实现面向对象，（像是定义一个类的时候）需要一个构造函数来定义对象的成员，而方法去依附在该构造函数的原型上．2,javascript中，为了实现继承，必须将子类构造函数的prototype设置为一个父类的对象实例．3,css的方块套方块模型：最外是margin是用来设置一个元素所占的空间的边缘到相邻元素的距离边框：border用来设定一个元素
日期 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:40JavaScript学习笔记（六）
一、工厂方式自己的理解：要创建很多个对象的实例，这些实例有相同的属性，但是有不同的属性值。这个时候就需要创个工厂函数（factoryfunction）。工厂函数（factoryfunction）：创建并返回特定类型的对象。工厂函数中如果一个属性是方法的话，可以在工厂函数的外面定义对象的方法，然后通过属性指向该方法，从而可以避开每次都调用自己的属性方法，这样做使得每个对象都共享了同一个函数。示例：
日期 2023-06-12 10:48:40Javascript学习笔记5类和对象
面向对象语言三大特点：继承，多态，封装，这三点虽然Javascript没有提供天然的语法实现，但是我们都可以通过prototype等技巧来实现，因此这种说法似乎不过分。在Javascript中，构造对象有三种方式：1.首先，我们要明确一个概念，Javascript是一种弱类型的语言，一方面体现在Javascript的变量，返回类型都是没有强类型约束的，另一方面，Javascript可以为对象任意
日期 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学习笔记（九）call和apply方法
call和apply方法call方法可改变上下文this指针，类似的方法还有apply，主要用在js对象各方法互相调用的时候，使当前this实例指针保持一致,或在特殊情况下需要改变this指针。obj1.method1.call(obj2,argument1,argument2)如上，call的作用就是把obj1的方法放到obj2上使用，后面的argument1…这些做为参数传入。举一个具体的例
日期 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笔记一js以及json基础使用说明
JavaScript中的代码只体现为一种形式，就是function。注意：以上单词都是小写的，不要和Number,String,Object,Function等JavaScript内置函数混淆，JavaScript语言是区分大小写。typeof(null)返回object，但null并非object。JavaScript的代码就只有function一种形式，function就是函数的类型。函数的
日期 2023-06-12 10:48:40JavaScript.The.Good.Parts阅读笔记（二）作用域&闭包&减缓全局空间污染
如代码块复制代码代码如下:if(true){inti=100;}print(i);//错误，变量i没有声明如上面例子所示，代码块外的函数是无法访问i变量的。但在javaScript里，情况则完全不同。复制代码代码如下:if(true){vari=100;}alert(i);//弹出框并显示100很多现代语言都推荐尽可能迟地声明变量，但在Javascript里这是一个最糟糕的建议。由于缺少块级作用
日期 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学习笔记（五）正则表达式
常用到的元字符有：•.查找单个字符，除了换行和行结束符；•\w匹配字母、汉字、数字、下划线等符号；•\s匹配空白符(包含空格、制表符等)；•\d匹配数字；•\b匹配位于单词的开头或结尾的匹配；常用的量词有：•^n匹配任何开头为n的字符串；•n$匹配任何结尾为n的字符串；•n+匹配任何包含至少一个n的字符串；•n*匹配任何包含零个或多个n的字符串；•n?匹配任何包含零个或一个n的字符串；•n{X}
日期 2023-06-12 10:48:40Javascript学习笔记-详解in运算符
一、判断语法propinobjectName如果objectName指向的对象中含有prop这个属性或者键值，in运算符会返回true。复制代码代码如下:vararr=["one","two","three","four"];arr.five="5";0inarr;//true"one"inarr;//false,只可判断数组的键值"five"inarr;//true,"five"是arr对象的
日期 2023-06-12 10:48:40读JavaScriptDOM编程艺术笔记
1.获得当前元素的下一个元素复制代码代码如下:functiongetNextElement(node){if(node.nodeType==1){returnnode;}if(node.nextSibling){returngetNextElement(node.nextSibling);}returnnull;};2.外部引入的js，添加页面加载方法复制代码代码如下:functionaddLo
日期 2023-06-12 10:48:40《JavaScript高级程序设计》阅读笔记（二）ECMAScript中的原始类型
2.6原始类型 ECMAScript有5种原始类型(primitivetype)，即Undefined、Null、Boolean、Number和String。ECMAScript提供了typeof来判断值的类型。1、typeof运算符：复制代码代码如下:varsTemp="teststring";alert(typeofsTemp);//outpus"string"alert(typeof95
日期 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高级程序设计阅读笔记（四）ECMAScript中的类型转换
2.7类型转换1、转换成字符串 所有对象都有toString()方法可以转换成字符串，要注意的是Number类型的toString()方法，它有两种模式，即默认模式和基模式，采用默认模式toString()方法只是用相应的字符串输出对应的10进制数字值，用基模式可以用不同的基输出数字。示例：复制代码代码如下:variNum1=10;variNum2=10.0;variNum3=10;alert
日期 2023-06-12 10:48:40JavaScript高级程序设计读书笔记之九本地对象Array
创建Array对象复制代码代码如下://onevaraValues=newArray();//twovaraValues=newArray(20);//threevaraColors=newArray();aColors[0]="red";aColors[1]="green";aColors[2]="blue";//fourvaraColors=newArray("red","green","b
日期 2023-06-12 10:48:40JavaScript学习笔记记录我的旅程
1、什么是JavaScript?(1)HTML只是描述网页长相的标记语言，没有计算，判断能力，如果所有计算，判断(比如判断文本框是否为空，判断两次密码是否输入一致)店铺放到服务器端执行的话网页的页面会非常的慢，用起来也很难用，对服务器的压力也很大，因此要求能在浏览器中执行一些简单的运算，判断，JavaScript就是一种在浏览器端执行的语言。(2)JavaScript和Java没有直接的关系，唯
日期 2023-06-12 10:48:40javascript学习笔记(十四)window对象使用介绍
1.窗口位置以下取得浏览器窗口距屏幕左边和上边的位置复制代码代码如下:varleftPos=(typeofwindow.screenLeft=="number")?window.screenLeft:window.screenX;//左边位置vartopPos=(typeofwindow.screenTop=="number")?window.screenTop:window.screenY;/
日期 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:40