JavaScript 笔记
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笔记(2)
今天买了一块显示屏,以后终于不用疯狂切窗口了!!字面量 字面量是在源代码中固定值的表示法,通俗来说,就是字面量表示如何表达这个值.数字字面量 : 8,9,10字符串字面量 : "大前端"布尔字面量 : true, false数据类型转换 使用表单,prompt获取过来的数据默认是字符串类型的,此时就不能直接简单的进行加法运算,而需要转换变量的数据类型.通俗来说,就是把一种数
日期 2023-06-12 10:48:40
JavaScript笔记(4)
早起学习加油加油!!!发现忘了好多CSS的内容了,得抽空复习一下...发现前面200P应该都是我能轻松掌握的知识!加快速度!数组数组的概念: Q: 之前学习的变量,只能存储一个值.如果我们想存储班级中所有学生的名字,那么如何存储呢? A:可以使用数组(Array).数组可以把一组相关的数据一起存放,并提供方便的访问(获取)方式. Q:什么是数组呢? A:数组是指一组数据的集合,
日期 2023-06-12 10:48:40
JavaScript笔记(9)
在这里先纠正一下上一章的错误:得到时间戳的第四种方法,也是H5的新方法,是Date.now( )而不是Date.Now( ).数组现在又继续学习数组的知识啦 假如我们创建了一个数组对象,如果我们在Array中写入一个参数和多个参数的结果时不同的. 只有一个参数的话,就会创建一个空的数组,里面包含着空的元素,填的是几,就有几个空的元素. 如果多个参数的话,那就会将元素放入数组中.检测是否
日期 2023-06-12 10:48:40
JavaScript笔记(17)
事件委托事件冒泡本身的特征,会带来坏处,也会带来好处,需要我们灵活掌握. 事件委托 事件委托也称为事件代理,在jQuery里面被称为事件委派 事件委托的原理 不是给每个子节点单独设置事件监听器,而是将事件监听器设置在其父节点上,然后利用冒泡原理影响设置每个子节点 (一定要记住!)事件委托的作用 我们只操作了一次DOM,提高了程序的性能那我们可以这么做,给ul加上点击事件: 但是我们可以看
日期 2023-06-12 10:48:40
JavaScript笔记(20)
PC端网页特效 我们终于要进入PC端网页特效的阶段了,看看我们的目标吧:offset概述 offset翻译过来就是偏移量,我们使用offset系列相关属性可以动态的得到该元素的位置(偏移),大小等.获得元素距离带有定位父元素的位置获得元素自身的大小注意:返回的数值都不带单位 offset常用属性我们试验一下: 我们可以得到盒子距上沿100px.距左侧309px 如果我们在里面再加个so
日期 2023-06-12 10:48:40JavaScript学习笔记1
JavaScript技术 1.DOM相关知识 什么是DOM:Document Object Model，文档对象模型 文档：指的是标记型文档(html,xml) 对象：可以使用dom里面的相关属性和方法来解析标记型文档。 Dom的组成：核心Dom，Html Dom，XML Dom。 Dom如何解析html文档：Dom会根据html的层次结构，在内存中形成一个树形结构，树形结构里面有标记
日期 2023-06-12 10:48:40JavaScript中级笔记第二章
1，引用引用是一个指向对象实际位置的指针。看下面的使用引用的例子： 本例中，两个对象都指向同一个对象，当修改某一个对象的属性内容时，则会影响另一个。我们再来看一个例子，这次我们利用数组来讲解引用： 如果在arr被重新定义后，则引用就不是同一个对象了，如下代码所示： 接下来我们来看一个比较特殊点的例子，关于字符串的引用问题。 正如本例所示，在执行字符串操作时，结果总会是一个新的字符串对象，
日期 2023-06-12 10:48:40JavaScript中级笔记第三章
3，作用域所有的面向对象的语言都有某种形式的作用域，JavaScript也不例外。在JavaScript里，作用域是由函数划分的，而不是由块（while，if之类的）来划分的。我们先来看一个简单的作用域的例子。 在if块中，虽然foo的值改为“b“，但还是在全局作用域中，所以输出结果是“b“。基于浏览器的JavaScript语言有一门有趣的特性是，所有属于全局作用域的变量都是window对象的
日期 2023-06-12 10:48:40JavaScript中级笔记第五章面向对象的基础
一，面向对象的基础对象是JavaScript的基础。从最基本的层次上说，对象是一系列属性的集合。1,对象的创建 相信很多朋友对这些创建对象的方式接触过很多次了，都很熟悉了。2，对象的使用和其他面向对象语言不同的是，JavaScript没有类的概念。在JavaScript里，任何函数都可以被实例化为一个对象。 本段代码通过newUser()来创建函数的一个新的对象。创建出的新对象拥有name属
日期 2023-06-12 10:48:40面向对象的javascript（笔记）
一、引用复制代码代码如下://产生一个数组对象varitems=newArray("1","2","3");//使一个引用指向该对象varitemRef=items;items.push("4");//items与itemRef指向同一对象alert(items.length===itemRef.length);//修改对象会产生一个新对象varitem="test";varitemRef=it
日期 2023-06-12 10:48:40JavaScript学习笔记Black.Caffeine09.11.28
1.之前写的一直都是分散的函数，用到什么功能，就写什么函数，觉得不够整洁，所以这次写的是封装的类，用起来还不错，但是传递参数的时候遇到了不少问题，所以，查阅了很多资料，总结如下：1）动态绑定事件问题：需要将onclick事件绑定到对象上，比如列表项。需要用到addEventListener或者attachEvent，用于吧函数操作添加到事件中去，而不是覆盖，但是，attachEvent不支持FF
日期 2023-06-12 10:48:40Javascript学习笔记1数据类型
代码类型只有一种形式就是function。undefined：未定义，我们也可称之为不存在，typeof(undefined)=undefined.null:为空。undefined是不存在，而null是存在，但却无。typeof(null)=object,但null又不是object，这就是null的神奇而独特之处。boolean:trueorfalse。Number:NaN和Infinity
日期 2023-06-12 10:48:40Javascript学习笔记4Eval函数
eval的作用其实很简单，就是把一段字符串传递给JS解释器，由Javascript解释器将这段字符串解释成Javascript代码，并且执行他。举个最简单的例子：复制代码代码如下:<scripttype="text/javascript">eval("alert(1+1)");</script>很简单，把字符串解释成JS代码并执行，弹出2。当然，上面的例子只是个玩具，在实
日期 2023-06-12 10:48:40JavaScript学习笔记（十一）
document对象 下表列出了BOM的document对象的一些通用属性： 属 性 说 明 alinkColor 激活的链接的颜色，如<bodyalink="color">定义的* bgColor 页面的背景颜色，如<bodybgcolor="color">定义的* fgColor 页面的文本颜色，如<bodytext="col
日期 2023-06-12 10:48:40JavaScript学习笔记（十六）js事件
回顾事件对象里包含三个方面的信息····回看上一篇内容！事件对象里的属性和方法，主要是鼠标和键盘的信息。1.获取事件类型事件对象属性type2.获取按键代码事件对象属性keyCode：回车为13，空格为32，后退键为83.检测Shift、Alt、Ctrl键事件对象属性是否被按下：shiftKey、altKey、ctrlKey4.获取客户端坐标事件对象属性clientX和clientY5.获取屏幕
日期 2023-06-12 10:48:40JavaScript学习笔记（十七）js优化
一直很迷惑司徒正美为什么对以下的for循环还鄙视， for(vari=0;i<list.length;i++){ //循环代码 } 看了下面这篇文章终于TM明白了。。。 语言层次方面 循环 在JavaScript中，我们可以使用for(;;),while(),for(in)三种循环，事实上，这三种循环中for(in)的效率极差，因为他需要查询散列键，只要可以就应该尽量少用。 如果要与数组的
日期 2023-06-12 10:48:40JavaScript精粹读书笔记(1,2)
第1章精华JavaScript的特性中有一部分特性带来的麻烦远远超出它们的价值。其中，一些特性是因为规范很不完善，从而可能导致可移植性的问题；一些特性会导致生成难以理解和修改的代码；一些特性促使我的代码风格过于复杂且易于出错；还有一些特性就是设计错误。有时候语言的设计者也会犯错。大多数编程语言都有精华部分和鸡肋部分。我发现如果只使用精华部分而避免使用鸡肋的部分，我可以成为一个更好的程序员。毕竟，
日期 2023-06-12 10:48:40JavaScript学习笔记一些小技巧
一.JavaScript基础 1.try...catch使用小写字母。大写字母会出错。 2.Throw声明 throw声明的作用是创建exception（异常）。你可以把这个声明与try...catch声明配合使用，以达到控制程序流并产生精确错误消息的目的。 语法：throw(exception)exception可以是字符串、整数、逻辑值或者对象。 注意：使用小写字母编写throw。使
日期 2023-06-12 10:48:40ProJavaScriptTechniques学习笔记
全局变量是Window对象属性的一部分，例子：复制代码代码如下:vartest="test";alert(window.test);浏览器渲染和操作HTML的大致顺序：HTML解析完毕外部脚本和样式表加载完毕脚本在文档内解析并执行HTMLDOM完全构造起来图片和外部内容加载网页完成加载所有的主流浏览器都实现了innerHTML属性，但是因为没有统一标准，所以或多或少会有一些怪异的bug。基于Mo
日期 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学习笔记（一）DOM基本操作
html部分代码：当点击show按钮时，触发showValue函数，将inputvalue的值动态添加到id="text"的元素节点中！复制代码代码如下:<p> <inputtype="text"value=""name="user_name"id="user_name"/> <spanstyle="padding-left:10px;"><inpu
日期 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高级程序设计错误处理与调试学习笔记
第十四章错误处理与调试1.开启浏览器错误报告1.1InternetExplorer□Toos→InternetOption→Anvanced→Displayanotificationabouteveryscripterror1.2Firefox□Tools→ErrorConsole(Firebug)1.3Safari□Edit→Preferences→Advanced→Showdevelopme
日期 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:40javascript权威指南学习笔记之null和undefined
复制代码代码如下:<!doctypehtml><html><head><metahttp-equiv="content-type"content="text/html;charset=UTF-8"><title>javascript之null和undefined</title></head><body>
日期 2023-06-12 10:48:40JavaScript学习笔记（一）js基本语法
1.标识符与关键字标识符以字母开头，可以包含字母、数字、下划线。标识符不能使用以下保留字符：复制代码代码如下:abstract，boolean，break，byte，case，catch，char，class，const，debugger，default，delete，do，double，else，enum，export，extends，false，final，finally，float，for
日期 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:40JavaScript学习笔记记录我的旅程
1、什么是JavaScript?(1)HTML只是描述网页长相的标记语言，没有计算，判断能力，如果所有计算，判断(比如判断文本框是否为空，判断两次密码是否输入一致)店铺放到服务器端执行的话网页的页面会非常的慢，用起来也很难用，对服务器的压力也很大，因此要求能在浏览器中执行一些简单的运算，判断，JavaScript就是一种在浏览器端执行的语言。(2)JavaScript和Java没有直接的关系，唯
日期 2023-06-12 10:48:40javascript学习笔记(一)在html中使用javascript
1.延时脚本运行的方法：方法一：把全部javascript引用放在<body>元素中，页面内容后，如复制代码代码如下:<html><head><title>示例1</title></head><body><!--页面内容--><scripttype="text/javascript"src="e
日期 2023-06-12 10:48:40