JavaScript | 笔记
JavaScript笔记(1)
今天开始正式开启JS,超级激动了!开始学习叭这里我感谢学习Python后奠定的一些基础,其实语言之间很多东西都是相通的. 编程 编程:就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程. 计算机程序:就是计算机所执行的一些列指令集合,而程序全部都是用我们所掌握的语言来编写的,所以人们要控制计算机一定要通过计算机语言向计算机发出命令. 注意:上面所定义的计
日期 2023-06-12 10:48:40
JavaScript笔记(6)
JavaScript预解析 假如我们直接log一个num,那么结果肯定是报错,not defined,因为变量既没有声明也没有赋值 1.那如果我们先使用,再声明赋值呢? 得到的结果却是undefined. 2.如果我们在一个函数声明之前调用,会有什么结果呢? 是没有问题的. 3.我们之前还学习了匿名函数,那么先调用再声明,结果和上面一样吗? 结果是报错的. 这是为什么呢?这就
日期 2023-06-12 10:48:40JavaScript笔记(8)
内置函数JavaScript中的对象分三种:自定义对象(var) 内置对象 浏览器对象前面两种对象是JS基础的内容,属于ECMA是script;第三个浏览器对象是JS独有的,我们JS API再学习内置对象就是指JS语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能(属性和方法)内置对象最大的优点就是帮助我们快速的开发JavaScript提供了多个内置对象: Math
日期 2023-06-12 10:48:40JavaScript笔记(10) 第一阶段结束
这是第一部分的最后一篇啦,不过内容真的又多又杂,必须复习一遍才行.字符串对象 学习完Math和数组对象,现在学习字符串对象,学习完以后要复习了,感觉好久没复习. 我们之前使用过str.length,但是复杂数据类型才有属性和方法,为什么这个简单数据类型也有length属性呢? 这是因为JS将简单数据类型包装成了复杂数据类型.基本包装类型 为了方便操作基本数据类型,JavaScript还
日期 2023-06-12 10:48:40
JavaScript笔记(11)之Web APIs阶段 获取元素
我们之前学的呢,都是JS的基础部分,也就是ECMA规定的语法,后面我们就要学习BOM和DOM了. JS基础阶段我们学习的是ECMAscript标准规定的基本语法要求掌握JS的语法只学习基本语法,做不了常用的网页交互效果目的是为了JS后面的课程打基础,做铺垫. Web APIs阶段 Web APIs是w3c组织的标准Web APIs我们主要学习DOM和BOMWeb APIs是我们JS独有的部分我
日期 2023-06-12 10:48:40JavaScript笔记(20)
PC端网页特效 我们终于要进入PC端网页特效的阶段了,看看我们的目标吧:offset概述 offset翻译过来就是偏移量,我们使用offset系列相关属性可以动态的得到该元素的位置(偏移),大小等.获得元素距离带有定位父元素的位置获得元素自身的大小注意:返回的数值都不带单位 offset常用属性我们试验一下: 我们可以得到盒子距上沿100px.距左侧309px 如果我们在里面再加个so
日期 2023-06-12 10:48:40
JavaScript入门笔记
DOMDOM(文档对象模型) 是浏览器对 html 文件的描述方式, DOM API是浏览器提供给JavaScript操作html页面内元素的方式。简而言之, 浏览器提供了一些内置函数来让我们操作页面(增删改查)查找元素// 查找元素使用document.querySelector函数 // 函数参数是一个选择器(和 CSS 选择器一样) // 元素选择器 var div = docume
日期 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:40学习Html、css和Javascript中的常用标签英文缩写笔记（可供同学们参考）详解编程语言
常用HTML标签：hr：Horizontal Route em：emphasisp：paragraphbr：breakh1：headlinea:anchorol:ordered listul:unordered listli:list itemdl:definition listdt:definition termdd:definition descriptionform:s
日期 2023-06-12 10:48:40比较详细的javascriptDOM学习笔记
一、DOM基础1.节点(node)层次Document－－最顶层的节点，所有的其他节点都是附属于它的。DocumentType－－DTD引用（使用<!DOCTYPE>语法）的对象表现形式，它不能包含子节点。DocumentFragment－－可以像Document一样来保存其他节点。Element－－表示起始标签和结束标签之间的内容，例如<tag></tab>
日期 2023-06-12 10:48:40JavaScript中级笔记第二章
1，引用引用是一个指向对象实际位置的指针。看下面的使用引用的例子： 本例中，两个对象都指向同一个对象，当修改某一个对象的属性内容时，则会影响另一个。我们再来看一个例子，这次我们利用数组来讲解引用： 如果在arr被重新定义后，则引用就不是同一个对象了，如下代码所示： 接下来我们来看一个比较特殊点的例子，关于字符串的引用问题。 正如本例所示，在执行字符串操作时，结果总会是一个新的字符串对象，
日期 2023-06-12 10:48:40JavaScript中级笔记第四章闭包
5，闭包闭包意味着内层的函数可以引用存在于包围它的函数内的变量，即使外层函数的执行已经终止。让我们先来看一个闭包的例子。 代码①是处于函数内层，不过它可以使用外层的变量num。闭合还能解决另一个常见的Js问题，全局变量的影响。通过自动执行匿名函数组合闭包，便可把原本属于全局的变量隐藏起来。看下面的例子： 在使用setTimeout时，我们经常也用上了闭包。 demo CssRai
日期 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学习笔记（五）
本地对象①Array类②Date类对象的类型内置对象①Global对象②Math对象宿主对象今天继续学习JS中的对象，昨天内置对象Global对象和Math对象，今天继续。宿主对象所有非本地对象都是宿主对象hostobject，即由ECMAScript实现的宿主环境提供的对象。所有BOM和DOM对象都是宿主对象，书上说将在后面的章节讨论。-_-|||作用域JS中只存在一种作用域----公用作用域
日期 2023-06-12 10:48:40JavaScript学习笔记（六）
一、工厂方式自己的理解：要创建很多个对象的实例，这些实例有相同的属性，但是有不同的属性值。这个时候就需要创个工厂函数（factoryfunction）。工厂函数（factoryfunction）：创建并返回特定类型的对象。工厂函数中如果一个属性是方法的话，可以在工厂函数的外面定义对象的方法，然后通过属性指向该方法，从而可以避开每次都调用自己的属性方法，这样做使得每个对象都共享了同一个函数。示例：
日期 2023-06-12 10:48:40
Javascript学习笔记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学习笔记2函数
就像我们可以写成这样的形式一样：复制代码代码如下:functionHello(){alert("Hello");}Hello();varHello=function(){alert("Hello");}Hello();其实都是一样的。但是当我们对其中的函数进行修改时，会发现很奇怪的问题。复制代码代码如下:<scripttype="text/javascript">functionHe
日期 2023-06-12 10:48:40JavaScript学习笔记（十）
Window对象window对象表示整个浏览器窗口，window还可用于移动或调整它表示的浏览器的大小。一、窗口操作window.moveBy(dx,dy)把浏览器窗口相对当前位置水平移动dx个像素，垂直移动dy个像素。dx值为负数，向左移动窗口，dy值为负数，向上移动窗口。window.moveTo(x,y)移动浏览器窗口，使它的左上角位于用户屏幕的(x,y)处。可以使用负数，不过这样会把部分
日期 2023-06-12 10:48:40JavaScript笔记二Array和Date对象方法
JavaScript的对象基础本篇主要讲解本地对象Array和Date的各种方法。一种面向对象语言需要向开发者提供四种基本能力：(1)封装——把相关的信息（无论数据或方法）存储在对象中的能力。(2)聚集——把一个对象存储在另一个对象内的能力。(3)继承——由另一个类（或多个类）得来类的属性和方法的能力。(4)多态——编写能以多种方法运行的函数或方法的能力。1.本地对象包括：①Array类②Dat
日期 2023-06-12 10:48:40javascript学习笔记（三）显示当时时间的代码
html代码如下：复制代码代码如下:<divid="showTime"></div>javascript代码如下：时间显示格式为：2011-04-04星期二12:09:34复制代码代码如下:functionstartTime(){try{vartoday=newDate();varyear=today.getFullYear();varmonth=checkNum(tod
日期 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高级程序设计错误处理与调试学习笔记
第十四章错误处理与调试1.开启浏览器错误报告1.1InternetExplorer□Toos→InternetOption→Anvanced→Displayanotificationabouteveryscripterror1.2Firefox□Tools→ErrorConsole(Firebug)1.3Safari□Edit→Preferences→Advanced→Showdevelopme
日期 2023-06-12 10:48:40javascript笔记String类replace函数的一些事
我最近查阅javascript资料，发现了一个函数：复制代码代码如下:functionformat(s){varargs=arguments;varpattern=newRegExp("%(["+arguments.length+"])","g");returnString(s).replace(pattern,function(word,index){returnargs[index];});
日期 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权威指南学习笔记之变量作用域分享
不知道，大家对语言中变量的“声明”与“定义”是怎么理解的，我的理解如下：“声明”变量，只是仅仅声明，而“定义”变量，指声明了，并且赋值了。例如:复制代码代码如下:varname;//只是声明varnum=11;//声明，并且赋值，即定义了varpassword="yangjiang";//声明，并且赋值，即定义了下面是几点总结：变量的作用域：全局的和局部的。（注意：如果尝试读取一个未声明的变量的
日期 2023-06-12 10:48:40javascript学习笔记(三)String字符串类型介绍
1.字符方法charAt()、charCodeAt()、fromCharCode()复制代码代码如下:varstringValue="helloworld";alert(stringValue.charAt(1)); //"e"alert(stringValue[1]); //"e"alert(stringValue.charCodeAt(1)); //101alert(String.
日期 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学习笔记(十一)正则表达式介绍
1.修饰符.任意一个字符*匹配*前面0个或多个字符+匹配+前面一个或多个字符?匹配?前面0个或1个字符^以^后面的字符为前导$以$前面的字符结尾[]匹配[]内的一个字符()分组，可以用\1\2提取[^]匹配^后的以外的字符{n}{n}前的字符有n个，n为正数{n,}{n,}前的字符至少有n个，n为正数{n,m}{n,m}前的字符有n~m个，n,m为正数2.字符\d一个数字\D一个非数字\w一个字
日期 2023-06-12 10:48:40javascript学习笔记(十七)检测浏览器插件代码
复制代码代码如下://检测非IE浏览器插件函数functionhasPlugin(name){name=name.toLowerCase();for(vari=0;i<navigator.plugins.length;i++){if(navigator.plugins[i].name.toLowerCase().indexOf(name)>-1){returntrue;}}retur
日期 2023-06-12 10:48:40重温JavaScript中的正则表达式js学习笔记
一、创建正则表达式 创建正则表达式和创建字符串类似，创建正则表达式提供了两种方法，一种是采用new运算符，另一个是采用字面量方式。复制代码代码如下: vardog=newRegExp("dog");//第一个参数字符串 vardog=newRegExp("dog","ig");//第二个参数可选模式修饰符vardog=/dog/; vardog=/dog/ig;//字面量方式。 RegE
日期 2023-06-12 10:48:40JavaScript高级程序设计阅读笔记（十二）js内置对象Math
Math对象的属性E：值e，自然对数的底LN10：10的自然对数LN2：2的自然对数LOG2E：以2为底E的对数LOG10E：以10为底E的对数PI：值派SQRT1_2：1/2的平方根SQRT2：2的平方根Math对象的方法:最大值与最小值min()&&max()用于取一组数中的最小值跟最大值。示例：复制代码代码如下:variMax=Math.Max(1,2,3);alert(i
日期 2023-06-12 10:48:40