zl程序教程

JavaScript笔记(4)

  • JavaScript高级程序设计(读书笔记)(七)[通俗易懂]

    JavaScript高级程序设计(读书笔记)(七)[通俗易懂]

    大家好,又见面了,我是你们的朋友全栈君。 本笔记汇总了作者认为“JavaScript高级程序设计”这本书的前七章知识重点,仅供参考。第七章 函数表达式 小结: 在JavaScript编程中,函数表达式是一种非常有用的技术。使用函数表达式可以无须对函数命名,从而实现动态编程。匿名函数,也称为拉姆达函数,是一种使用JavaScript函数的强大方式。以下总结了函数表达式的特点。 函数表达式

    日期 2023-06-12 10:48:40     
  • JavaScript笔记(8)

    JavaScript笔记(8)

    内置函数JavaScript中的对象分三种:自定义对象(var) 内置对象 浏览器对象前面两种对象是JS基础的内容,属于ECMA是script;第三个浏览器对象是JS独有的,我们JS API再学习内置对象就是指JS语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能(属性和方法)内置对象最大的优点就是帮助我们快速的开发JavaScript提供了多个内置对象: Math

    日期 2023-06-12 10:48:40     
  • JavaScript笔记(9)

    JavaScript笔记(9)

    在这里先纠正一下上一章的错误:得到时间戳的第四种方法,也是H5的新方法,是Date.now( )而不是Date.Now( ).数组现在又继续学习数组的知识啦 假如我们创建了一个数组对象,如果我们在Array中写入一个参数和多个参数的结果时不同的. 只有一个参数的话,就会创建一个空的数组,里面包含着空的元素,填的是几,就有几个空的元素. 如果多个参数的话,那就会将元素放入数组中.检测是否

    日期 2023-06-12 10:48:40     
  • JavaScript笔记(11)之Web APIs阶段 获取元素

    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:40     
  • JavaScript笔记(18)之BOM

    JavaScript笔记(18)之BOM

    现在开始学习BOM啦,先来看看学习目标:什么是BOM BOM(Browser Object Model),即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window BOM由一系列相关的对象构成,并且每个对象都提供了很多方法和属性 BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C,BOM最初是Netscape浏览器标

    日期 2023-06-12 10:48:40     
  • javascript系列学习笔记-this

    javascript系列学习笔记-this

    javascript系列学习笔记-this 笔记内容来自 《你不知道的Javascript》 (上)为什么要用thisfunction getName() { console.log('this.name', this.name) } let a = { name: 'kif1' } let b = { name: &

    日期 2023-06-12 10:48:40     
  • HTML/CSS/JavaScript学习笔记持续更新详解编程语言

    HTML/CSS/JavaScript学习笔记持续更新详解编程语言

    1 font size="3" color="red" This is some text! /font 2 font size="2" color="blue" This is some text! /font 3 font face="verdana" color="green" This is some text! /font HTML 与 XHTML 之间的差异 在 HTML

    日期 2023-06-12 10:48:40     
  • 《JavaScript DOM编程艺术》学习笔记(三)详解编程语言

    《JavaScript DOM编程艺术》学习笔记(三)详解编程语言

    终于要完成这最后一部分了,距离第二部分已经过去五天了,一直想早点写的,但还是拖到今天了…………   34、position属性的和法制:static是position属性的默认值,意思是有关元素将按照它们在标记里出现的先后顺序出现在浏览器窗口里。relative的含义与static相似,区别是relative的元素还可以(通过float属性)从文档的正常显示顺序里脱离出来。 若为a

    日期 2023-06-12 10:48:40     
  • Javascript个人笔记(没有整理,很乱)

    Javascript个人笔记(没有整理,很乱)

    ==============关于元素的显示和隐藏=============Visibility快于Display 让图画时隐时现会创造很有趣的效果,有2种方法可以实现这个目的:使用CSS的visibility属性或者display属性。对于绝对位置元素,diaplay和visibility具有同样的效果。两者的区别在于:设置为display:none的元素将不再占用文档流的空间,而设置为visi

    日期 2023-06-12 10:48:40     
  • JavaScript权威指南(第四版)读书笔记

    JavaScript权威指南(第四版)读书笔记

    Javascript是无类型、解释型语言对大小写敏感html对大小写不敏感忽略空格符、制表符、换行符(关键字、变量、正则表达式除外)";"分号可选择//单行注释/*多行注释*/标示符开头必须是字母、下划线、$符号关键字:breakdeletefunctionreturntypeofcasedoifswitchvarcatchelseinthisvoidcontinuefalseinstanceo

    日期 2023-06-12 10:48:40     
  • JavaScript语言精粹学习笔记

    JavaScript语言精粹学习笔记

    非常好的想法包括函数,弱类型,动态对象和一个富有表现力的对象字面量的表示法,坏的想法包括基于全局变量的编程模型。JavaScript的函数是基于词法作用域的顶级对象。Javascript是第一个成为主流的Lambda语言。相对于Java而言,JavaScript于Lisp和Scheme有更多的共同点。它是披着C外衣的Lisp。这使得JavaScript成为一个非常强大的语言。现在大部分变成语言都

    日期 2023-06-12 10:48:40     
  • JavaScript中级笔记第二章

    JavaScript中级笔记第二章

    1,引用引用是一个指向对象实际位置的指针。看下面的使用引用的例子: 本例中,两个对象都指向同一个对象,当修改某一个对象的属性内容时,则会影响另一个。我们再来看一个例子,这次我们利用数组来讲解引用: 如果在arr被重新定义后,则引用就不是同一个对象了,如下代码所示: 接下来我们来看一个比较特殊点的例子,关于字符串的引用问题。 正如本例所示,在执行字符串操作时,结果总会是一个新的字符串对象,

    日期 2023-06-12 10:48:40     
  • JavaScript中级笔记第五章面向对象的基础

    JavaScript中级笔记第五章面向对象的基础

    一,面向对象的基础对象是JavaScript的基础。从最基本的层次上说,对象是一系列属性的集合。1,对象的创建 相信很多朋友对这些创建对象的方式接触过很多次了,都很熟悉了。2,对象的使用和其他面向对象语言不同的是,JavaScript没有类的概念。在JavaScript里,任何函数都可以被实例化为一个对象。 本段代码通过newUser()来创建函数的一个新的对象。创建出的新对象拥有name属

    日期 2023-06-12 10:48:40     
  • JavaScript学习笔记Black.Caffeine09.11.28

    JavaScript学习笔记Black.Caffeine09.11.28

    1.之前写的一直都是分散的函数,用到什么功能,就写什么函数,觉得不够整洁,所以这次写的是封装的类,用起来还不错,但是传递参数的时候遇到了不少问题,所以,查阅了很多资料,总结如下:1)动态绑定事件问题:需要将onclick事件绑定到对象上,比如列表项。需要用到addEventListener或者attachEvent,用于吧函数操作添加到事件中去,而不是覆盖,但是,attachEvent不支持FF

    日期 2023-06-12 10:48:40     
  • JavaScript学习笔记(九)call和apply方法

    JavaScript学习笔记(九)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:40     
  • JavaScript学习笔记(十一)

    JavaScript学习笔记(十一)

    document对象 下表列出了BOM的document对象的一些通用属性: 属  性 说   明 alinkColor 激活的链接的颜色,如<bodyalink="color">定义的* bgColor 页面的背景颜色,如<bodybgcolor="color">定义的* fgColor 页面的文本颜色,如<bodytext="col

    日期 2023-06-12 10:48:40     
  • JavaScript学习笔记(十二)dom

    JavaScript学习笔记(十二)dom

    DomcreateElement()、createTextNode()、appendChild()、removeChild()、replaceChild()、insertBefore()、createDocumentFragment()//创建新节点functionCreatNode(){varoP=document.createElement("p");oP.innerHTML="<fo

    日期 2023-06-12 10:48:40     
  • JavaScript学习笔记(十五)

    JavaScript学习笔记(十五)

    事件事件是DOM(文档对象模型)的一部分。事件流就是事件发生顺序,这是IE和其他浏览器在事件支持上的主要差别。一、事件流1、冒泡型事件IE上的解决方案就是冒泡型事件,它的基本思想是从最特定的目标到最不特定的事件目标(document对象)的顺序触发。过程:按照DOM的层次结构像水泡一样不断上升至顶端。(从里面的div触发事件再到body,到html最后直到document最顶端)。2、捕获型事件

    日期 2023-06-12 10:48:40     
  • JavaScript学习笔记(十六)js事件

    JavaScript学习笔记(十六)js事件

    回顾事件对象里包含三个方面的信息····回看上一篇内容!事件对象里的属性和方法,主要是鼠标和键盘的信息。1.获取事件类型事件对象属性type2.获取按键代码事件对象属性keyCode:回车为13,空格为32,后退键为83.检测Shift、Alt、Ctrl键事件对象属性是否被按下:shiftKey、altKey、ctrlKey4.获取客户端坐标事件对象属性clientX和clientY5.获取屏幕

    日期 2023-06-12 10:48:40     
  • JavaScript精粹读书笔记(1,2)

    JavaScript精粹读书笔记(1,2)

    第1章精华JavaScript的特性中有一部分特性带来的麻烦远远超出它们的价值。其中,一些特性是因为规范很不完善,从而可能导致可移植性的问题;一些特性会导致生成难以理解和修改的代码;一些特性促使我的代码风格过于复杂且易于出错;还有一些特性就是设计错误。有时候语言的设计者也会犯错。大多数编程语言都有精华部分和鸡肋部分。我发现如果只使用精华部分而避免使用鸡肋的部分,我可以成为一个更好的程序员。毕竟,

    日期 2023-06-12 10:48:40     
  • javascript学习笔记(一)DOM基本操作

    javascript学习笔记(一)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:40     
  • javascript学习笔记(二)鼠标经过时,改变div块的背景色的代码

    javascript学习笔记(二)鼠标经过时,改变div块的背景色的代码

    HTML部分代码:复制代码代码如下:<ul><li>鼠标经过时改变背景色</li><li>鼠标经过时改变背景色</li><li>鼠标经过时改变背景色</li><li>鼠标经过时改变背景色</li></ul>javascript部分代码:当鼠标经过时,给li添加class="cu

    日期 2023-06-12 10:48:40     
  • 《JavaScript高级程序设计》阅读笔记(一)ECMAScript基础

    《JavaScript高级程序设计》阅读笔记(一)ECMAScript基础

    2.1语法  区分大小写、变量弱类型、行尾分号可有可无、注释为双斜线、括号表明代码块2.2变量  变量用var声明,变量的命名规则:第一个字符必须是字母、下划线或美元符号;余下的字符可以是下划线、美元符号或任何字母或数字字符。  变量命名规范:  Camel标记法:首字母小写,接下来的单词都以大写字母开头。例如:varmyTestValue=0,mySecondTestValue="hi";  

    日期 2023-06-12 10:48:40     
  • 《JavaScript高级程序设计》阅读笔记(三)ECMAScript中的引用类型

    《JavaScript高级程序设计》阅读笔记(三)ECMAScript中的引用类型

    2.8引用类型1、Object类  ECMAScript中的所有类都是由Object类继承而来。  Object类具有下列属性:  Constructor:对创建对象的函数的引用(指针),对于Object类,该指针指向原始的Object()函数  Prototype:对该对象的对象原型的引用。  Object类还有几个方法:  HasOwnProperty(property):判断对象是否有某个

    日期 2023-06-12 10:48:40     
  • JavaScript高级程序设计阅读笔记(四)ECMAScript中的类型转换

    JavaScript高级程序设计阅读笔记(四)ECMAScript中的类型转换

    2.7类型转换1、转换成字符串  所有对象都有toString()方法可以转换成字符串,要注意的是Number类型的toString()方法,它有两种模式,即默认模式和基模式,采用默认模式toString()方法只是用相应的字符串输出对应的10进制数字值,用基模式可以用不同的基输出数字。示例:复制代码代码如下:variNum1=10;variNum2=10.0;variNum3=10;alert

    日期 2023-06-12 10:48:40     
  • JavaScript高级程序设计阅读笔记(七)ECMAScript中的语句

    JavaScript高级程序设计阅读笔记(七)ECMAScript中的语句

    if语句  语法:复制代码代码如下:if(condition){statement1;}else{statement2;}迭代语句  1、do-while语句  语法:复制代码代码如下:do{statement}while(expression);  2、while语句  语法:复制代码代码如下:while(expression){statement}  3、for语句  语法:复制代码代码如下

    日期 2023-06-12 10:48:40     
  • JavaScript学习笔记记录我的旅程

    JavaScript学习笔记记录我的旅程

    1、什么是JavaScript?(1)HTML只是描述网页长相的标记语言,没有计算,判断能力,如果所有计算,判断(比如判断文本框是否为空,判断两次密码是否输入一致)店铺放到服务器端执行的话网页的页面会非常的慢,用起来也很难用,对服务器的压力也很大,因此要求能在浏览器中执行一些简单的运算,判断,JavaScript就是一种在浏览器端执行的语言。(2)JavaScript和Java没有直接的关系,唯

    日期 2023-06-12 10:48:40     
  • javascript学习笔记(三)String字符串类型介绍

    javascript学习笔记(三)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:40     
  • javascript学习笔记(十一)正则表达式介绍

    javascript学习笔记(十一)正则表达式介绍

    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:40     
  • javascript学习笔记(十四)window对象使用介绍

    javascript学习笔记(十四)window对象使用介绍

    1.窗口位置以下取得浏览器窗口距屏幕左边和上边的位置复制代码代码如下:varleftPos=(typeofwindow.screenLeft=="number")?window.screenLeft:window.screenX;//左边位置vartopPos=(typeofwindow.screenTop=="number")?window.screenTop:window.screenY;/

    日期 2023-06-12 10:48:40     
  • javascript学习笔记(十五)js间歇调用和超时调用

    javascript学习笔记(十五)js间歇调用和超时调用

    1.超时调用setTimeout()setTimeout()方法接受两个参数,第一个参数是函数,第二个参数是时间(单位微秒),返回数值ID复制代码代码如下:setTimeout(function(){alert("你好!");},1000);调用前取消clearTimeout(),接受一个参数超时调用ID复制代码代码如下:vartimeOutId=setTimeout(function(){al

    日期 2023-06-12 10:48:40