JavaScript笔记(8)
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![html5 scrollheight,JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记…[通俗易懂]](/scriptcss/images/05.png)
html5 scrollheight,JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记…[通俗易懂]
大家好，又见面了，我是你们的朋友全栈君。全文参考：https://github.com/iuap-design/blog/issues/38 、MDNclientHeight，只读clientHeight可以用公式 CSS height + CSS padding – 水平滚动条的高度 (如果存在) 来计算。如图，这样一个div，它的clientHeight为95，计算：50(height)+30
日期 2023-06-12 10:48:40
javaScript学习笔记（一）js基础
大家好，又见面了，我是你们的朋友全栈君。一、简介1、概述：JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。诞生于1995年，当时的主要目的是验证表单的数据是否合法。JavaScript本来应该叫Livescript，但是在发布前夕，想搭上当时超热的java顺风车，临时把名字改为了JavaScript。
日期 2023-06-12 10:48:40
JavaScript笔记(4)
早起学习加油加油!!!发现忘了好多CSS的内容了,得抽空复习一下...发现前面200P应该都是我能轻松掌握的知识!加快速度!数组数组的概念: Q: 之前学习的变量,只能存储一个值.如果我们想存储班级中所有学生的名字,那么如何存储呢? A:可以使用数组(Array).数组可以把一组相关的数据一起存放,并提供方便的访问(获取)方式. Q:什么是数组呢? A:数组是指一组数据的集合,
日期 2023-06-12 10:48:40JavaScript笔记(8)
内置函数JavaScript中的对象分三种:自定义对象(var) 内置对象 浏览器对象前面两种对象是JS基础的内容,属于ECMA是script;第三个浏览器对象是JS独有的,我们JS API再学习内置对象就是指JS语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能(属性和方法)内置对象最大的优点就是帮助我们快速的开发JavaScript提供了多个内置对象: Math
日期 2023-06-12 10:48:40JavaScript笔记(14)
节点操作获取元素通常使用两种方式 1.利用DOM提供的方案document.getElemetByID()document.getElemetByTagName()document.querySelector等但是逻辑性不强而且繁琐 2.利用节点层级关系获取元素 利用父子兄节点关系获取元素逻辑性强,但是兼容性稍差 这两种方式都可以获取节点,我们后面都会使用,但是节点才做更加简单. 网页中的所有
日期 2023-06-12 10:48:40JavaScript笔记(21)
今天继续做案例,昨天就看了三集...想要看完真是遥遥无期,我真的太懒了...间歇性踌躇满志,持续性懒惰,达咩!!!京东放大镜案例:唉,这玩意真的把我弄晕了快...太多数学题了...晕倒第二天早上起来重做了一遍,现在终于弄清楚了!我们先来看看结构: 样式: JS: 先获取元素: 先搞定两个简单的事件,鼠标在预览图上时就显示遮罩层和大图,否则隐藏 这个地方一定要注意是给preview-i
日期 2023-06-12 10:48:40
JavaScript笔记(24)
今天下午又把轮播图自己做了一遍,比我想象中其实简单很多,只是昨天听老师讲的时候觉得特别难,很多方法也是第一次接触.自己动起手来其实还可以,虽然也踩了些坑,但还是自己解决了,列出提纲真的很重要!现在开始今天的学习节流阀 回顾我们上一节做的轮播图,如果我们连续点击轮播图的箭头,就会导致播放过快. 节流阀目的: 当上一个函数动画内容执行完毕,再去执行下一个函数动画,让事件无法连续触发 核心实
日期 2023-06-12 10:48:40JavaScript笔记(25)之本地存储
接下来就要将本地存储啦,讲完就快到jQuery了,加油!还有一百多节(?) 本地存储目标: 本地存储特性 数据存储在用户浏览器中设置,读取方便,甚至页面刷新不丢失数据容量较大,sessionStorage约5M,localStorage约20M.只能存储字符串,可以将对象JSON.stringify()编码后存储(后面会学) window.sessionStorage生命周期为关闭浏览器窗口在
日期 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 前端笔记总结(精简)
JavaScript 一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型,属于网络的脚本语言,现在已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果,现在随着node.js引擎的出现,使得JavaScript逐步成为了一种全栈开发语言了.JavaScript 引入方式◆代码引入◆第一种引入方式就是在body标签的区域内直接使用&l
日期 2023-06-12 10:48:40JavaScript 笔记
什么是 JavaScript？JavaScript 是一种客户端脚本语言（脚本语言是一种轻量级的编程语言）。 JavaScript 通常被直接嵌入 HTML 页面。JavaScript 是一种解释性语言（就是说，代码执行不进行预编译）。 特点： 1. 弱类型 2. 基于对象。(因为面向对象需要具有封装、继承、多态的特征)在浏览器上执行的脚本 1. J
日期 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面向对象的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:40Ruffyjavascript学习笔记
1,javascript的原型模型：prototype在实现面向对象，（像是定义一个类的时候）需要一个构造函数来定义对象的成员，而方法去依附在该构造函数的原型上．2,javascript中，为了实现继承，必须将子类构造函数的prototype设置为一个父类的对象实例．3,css的方块套方块模型：最外是margin是用来设置一个元素所占的空间的边缘到相邻元素的距离边框：border用来设定一个元素
日期 2023-06-12 10:48:40JavaScript学习笔记Black.Caffeine09.11.28
1.之前写的一直都是分散的函数，用到什么功能，就写什么函数，觉得不够整洁，所以这次写的是封装的类，用起来还不错，但是传递参数的时候遇到了不少问题，所以，查阅了很多资料，总结如下：1）动态绑定事件问题：需要将onclick事件绑定到对象上，比如列表项。需要用到addEventListener或者attachEvent，用于吧函数操作添加到事件中去，而不是覆盖，但是，attachEvent不支持FF
日期 2023-06-12 10:48:40javascriptprototype原型操作笔记
复制代码代码如下://varPeople={name:"xiong",age:15};//varPerson=function(user,age){// this.name=user;// this.age=age;// this.say=function(){alert("Iam"+this.name+"\n"+this.age);}//}//varChairman=func
日期 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学习笔记6prototype的提出
首先我们继续上文的代码，我们来把这段代码延伸一下：复制代码代码如下:<scripttype="text/javascript">varPerson=function(name,age){this.name=name;this.age=age;this.Introduce=function(){alert("Mynameis"+this.name+".I"m"+this.age);};
日期 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学习笔记（九）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学习笔记（十）
Window对象window对象表示整个浏览器窗口，window还可用于移动或调整它表示的浏览器的大小。一、窗口操作window.moveBy(dx,dy)把浏览器窗口相对当前位置水平移动dx个像素，垂直移动dy个像素。dx值为负数，向左移动窗口，dy值为负数，向上移动窗口。window.moveTo(x,y)移动浏览器窗口，使它的左上角位于用户屏幕的(x,y)处。可以使用负数，不过这样会把部分
日期 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精粹笔记
//为构造函数原型添加方法Function.method=function(name,func){ this.prototype.name=func;}Number.method("integer",function(){ returnMath[this<0?"ceil":"floor"](this);});(-10/3).integer();//-3String.method("tr
日期 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学习笔记（七）利用javascript来创建和存储cookie
首先看一下基础知识：1、什么是cookiecookie是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个cookie。你可以使用JavaScript来创建和取回cookie的值2、有关cookie的例子：•名字cookie当访问者首次访问页面时，他或她也许会填写他/她们的名字。名字会存储于cookie中。当访问者再次访问网站时，他们会收到类似"WelcomeJ
日期 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高级程序设计DOM学习笔记
第十章DOMDOM是针对XML和HTML文档的一个API：即规定了实现文本节点操控的属性、方法，具体实现由各自浏览器实现。1.节点层次1)文档节点：document，每个文档的根节点。2)文档元素：即<html>元素，文档最外层元素，文档节点第一个子节点。3)Node类型：①Node是DOM中各种节点类型的基类型，共享相同的基本属性和方法。□Node.Element_NODE(1);
日期 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高级程序设计学习笔记js高级技巧
第十八章高级技巧1.高级函数1.1作用域安全的构造函数①直接调用构造函数而不适用new操作符时，由于this对象的晚绑定，它将映射在全局对象window上，导致对象属性错误增加到window。复制代码代码如下:functionPerson(name,age,job){this.name=name;this.age=age;this.job=job;}Varperson=Person("Jay",
日期 2023-06-12 10:48:40