
javascript知识点
口耳戈是个生僻字
这个作者很懒,什么都没留下…
展开
-
JS输出消息的几种方式
1 输出消息的几种方式alert() 在页面弹出一个对话框,早期JS调试使用Confirm() 在页面弹出一个对话框, 常配合if判断使用console.log() 将信息输入到控制台,用于js调试。prompt() 弹出对话框,用于接收用户输入的信息。 document.write()在页面输出消息document.write不仅能输出信息,还能输出标签。<script type=...原创 2018-02-14 19:25:15 · 383 阅读 · 0 评论 -
js中的数据类型一
1. 分类 * 基本(值)类型 * String: 任意字符串 * Number: 任意的数字 * boolean: true/false * undefined: undefined * null: null * 对象(引用)类型 * Object: 任意对象 * Function: 一种特别的对象(可以执行) * Array: 一种特别的对象...原创 2018-03-23 16:04:16 · 387 阅读 · 0 评论 -
js中的数据类型二
1. undefined与null的区别? * undefined代表定义未赋值 * nulll定义并赋值了, 只是值为null2. 什么时候给变量赋值为null呢? * 初始赋值, 表明将要赋值为对象 * 结束前, 让对象成为垃圾对象(被垃圾回收器回收)3. 严格区别变量类型与数据类型? * 数据的类型 * 基本...原创 2018-03-23 16:07:46 · 215 阅读 · 0 评论 -
js中的数据,变量和内存
1. 什么是数据? * 存储在内存中代表特定信息的'东东', 本质上是0101... * 数据的特点: 可传递, 可运算 * 一切皆数据 * 内存中所有操作的目标: 数据 * 算术运算 * 逻辑运算 * 赋值 * 运行函数2. 什么是内存? * 内存条通电后产生的可储存数据的空间(临时的) * 内存产生和死亡: 产生内存空间==>存储数据==>处理数...原创 2018-03-23 16:12:26 · 318 阅读 · 0 评论 -
js中赋值和内存的问题以及引用变量赋值问题
问题: var a = xxx, a内存中到底保存的是什么? * xxx是基本数据, 保存的就是这个数据 * xxx是对象, 保存的是对象的地址值 * xxx是一个变量, 保存的xxx的内存内容(可能是基本数据, 也可能是地址值)var a = 3 a = function () { } var b = 'abc' a = b b = {} a = b...原创 2018-03-23 16:15:10 · 1556 阅读 · 0 评论 -
对象
1. 什么是对象? * 多个数据的封装体 * 用来保存多个数据的容器 * 一个对象代表现实中的一个事物2. 为什么要用对象? * 统一管理多个数据3. 对象的组成 * 属性: 属性名(字符串)和属性值(任意)组成 * 方法: 一种特别的属性(属性值是函数)4. 如何访问对象内部数据? * .属性名: 编码简单, 有时不能用 * ['属性名']: 编码麻烦, 能通用var p = {...原创 2018-03-23 16:17:42 · 202 阅读 · 0 评论 -
函数
1. 什么是函数? * 实现特定功能的n条语句的封装体 * 只有函数是可以执行的, 其它类型的数据不能执行2. 为什么要用函数? * 提高代码复用 * 便于阅读交流3. 如何定义函数? * 函数声明 * 表达式4. 如何调用(执行)函数? * test(): 直接调用 * obj.test(): 通过对象调用 * new test(): new调用 * test.call/ap...原创 2018-03-23 16:19:37 · 207 阅读 · 0 评论 -
IIFE
1. 理解 * 全称: Immediately-Invoked Function Expression2. 作用 * 隐藏实现 * 不会污染外部(全局)命名空间 * 用它来编码js模块(function () { //匿名函数自调用 var a = 3 console.log(a + 3) })() var a = 4 console.log(a) ;(f...原创 2018-03-23 16:22:44 · 343 阅读 · 0 评论 -
函数中的this
1. this是什么? * 任何函数本质上都是通过某个对象来调用的,如果没有直接指定就是window * 所有函数内部都有一个变量this * 它的值是调用函数的当前对象2. 如何确定this的值? * test(): window * p.test(): p * new test(): 新创建的对象 * p.call(obj): objfunction Person(color) ...原创 2018-03-23 16:23:23 · 164 阅读 · 0 评论 -
显式原型与隐式原型
1. 函数的prototype属性 * 每个函数都有一个prototype属性, 它默认指向一个Object空对象(即称为: 原型对象) * 原型对象中有一个属性constructor, 它指向函数对象2. 给原型对象添加属性(一般都是方法) * 作用: 函数的所有实例对象自动拥有原型中的属性(方法)// 每个函数都有一个prototype属性, 它默认指向一个Object空对象(即称为: ...原创 2018-03-23 16:26:29 · 1816 阅读 · 0 评论 -
一些比较
Javascript的基础这一块大多数和java是一样的,但是也有一些不同的地方,目前就碰到这些地方,等以后积累到更多的不一样的地方,再慢慢补充。声明变量时只有一个关键字var,而不像其他语言那样,有int ,String等等之前一段时间总是在写javascript的时候情不自禁的加上int之类的关键字,真的坑自己。<script type="text/javascript"> ...原创 2018-03-03 14:59:44 · 386 阅读 · 0 评论 -
JavaScript中闭包的应用
javascript怎么通过闭包达到变量提升,迭代期以及其它的应用案例var n;function f1(pa){ var a = 'qwe' ; n = function(){ return pa ; }; pa++; return n;}var q=f1(444);console.log(q());结果为:445pa++;语句之前函数只是作了声明,并没有使用,在使...原创 2018-03-03 14:50:54 · 127 阅读 · 0 评论 -
一些常用的方法
1.1 Date()对象Date对象用于处理日期和时间。1.2 Math对象2 数据类型转换2.1 数字类型转字符串 String() 变量.toString()2.2 字符串转数字类型◆Number ★数字类型的字符串,转换之后得到的数字。 ★非数字字符串,转换之后得到是NaN。 ★小数类型的字符串,转换之后得到的是原数字。◆parseInt★整数数字类型的字符串,转换之...原创 2018-02-14 19:28:23 · 223 阅读 · 0 评论 -
offset
js中有一套方便的获取元素尺寸的办法就是offset1.1 offsetHeight offsetWidth得到对象的宽度和高度(自己的,与他人无关) offsetWidth= width + border + padding div { width:220px; border-left:2px solid red; padding:10px;} div.offsetWidth = ...原创 2018-02-14 19:44:52 · 1099 阅读 · 0 评论 -
一些不同
Javascript的基础这一块大多数和java是一样的,但是也有一些不同的地方,目前就碰到这些地方,等以后积累到更多的不一样的地方,再慢慢补充。声明变量时只有一个关键字var,而不像其他语言那样,有int ,String等等之前一段时间总是在写javascript的时候情不自禁的加上int之类的关键字,真的是在坑自己。隐式类型转换<script type="text/javascript"...原创 2018-02-14 19:56:22 · 354 阅读 · 0 评论 -
事件对象
我们学过一些事件 : onmouseover onmouseout onclick 等等。btn.onclick =function(event) { 语句 }再触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件有关的信息。所有浏览器都支持event对象,但支持的方式不同。比如鼠标操作时候,会添加鼠标位置的相关信息到事件对象中。普通浏览器支持 even...原创 2018-02-28 11:09:06 · 145 阅读 · 0 评论 -
滚动条位置的获取和设置
scrollTop 被卷去的头部 它就是当你滑动滚轮浏览网页的时候网页隐藏在屏幕上方的距离1.1.2 怎么得到scrollTop我们学习一个事件: 页面滚动效果 window.onscroll= function() { 页面滚动语句 }谷歌浏览器和没有声明 DTD <DOCTYPE >: document.body.scrollTop; 火狐和其他...原创 2018-02-28 11:20:08 · 12946 阅读 · 0 评论 -
javascript中的client
client 可视区域 offsetWidth: width + padding + border clientWidth: width + padding 不包含border scrollWidth: 大小是内容的大小 1.1.1 检测屏幕宽度(可视区域)ie9及其以上的版本window.innerWidth 标...原创 2018-02-28 11:25:21 · 3409 阅读 · 0 评论 -
简单冒泡机制
事件冒泡: 当一个元素上的事件被触发的时候,比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡;这个事件从原始元素开始一直冒泡到DOM树的最上层。顺序E 6.0: div -> body-> html -> document其他浏览器: div -> body-> html -> document -> win...原创 2018-02-28 11:32:10 · 234 阅读 · 0 评论 -
JavaScript中的特殊形式的函数
javascript的函数有很多特别的写法 和用法:内置构造函数创建函数,函数私有化,返回自己的函数,重写自己的函数,自调用声明所有函数。Js内置构造函数创建函数var a =new function(‘a’,‘b’,‘return a+b‘);它等同于function a(a,b){return a+b;}函数私有化执行结果为:在a函数内调用b函数的结果为:15而打印b函数则报错返回自己的函数执...原创 2018-03-03 14:31:16 · 292 阅读 · 0 评论 -
javascript中的闭包
在程序语言中,所谓闭包,是指语法域位于某个特定的区域,具有持续参照(读写)位于该区域内自身范围之外的执行域上的非持久型变量值能力的段落。这些外部执行域的非持久型变量神奇地保留他们在闭包最初定义(或创建)时的值。作用域链var a = 1 ;function text(){ var b = 2 ; return a ;}console.log(text());cons...原创 2018-03-03 14:37:55 · 142 阅读 · 0 评论 -
原型链和原型链属性问题
1. 原型链(图解) * 访问一个对象的属性时, * 先在自身属性中查找,找到返回 * 如果没有, 再沿着__proto__这条链向上查找, 找到返回 * 如果最终没找到, 返回undefined * 别名: 隐式原型链 * 作用: 查找对象的属性(方法)2. 构造函数/原型/实体对象的关系(图解)3. 构造函数/原型/实体对象的关系2(图解)// console.log(...原创 2018-03-23 16:30:45 · 481 阅读 · 0 评论