JavaScript笔记
关注
分享
扫一扫
JavaScript的一些笔记
bfhonor
没有天生的高手，更没有永远的菜鸟。
展开
-
JQuery插件机制
插件：增强JQuery的功能实现方式：$.fn.extend(object)增强通过Jquery获取的对象的功能，如：$("#id")$.extend(object)增强JQeury对象自身的功能，如：$/jQuery原创 2020-06-17 21:55:43 · 199 阅读 · 0 评论 -
JQuery框架动画、遍历以及事件的绑定、案例【广告显示和隐藏、抽奖】
JQuery 高级一、JQuery动画（一）、三种方式显示和隐藏元素1、默认显示和隐藏方式show([speed,[easing],[fn]])参数：①、 speed：动画的速度。三个预定义的值(“slow”,“normal”, “fast”)或表示动画时长的毫秒数值(如：1000)②、 easing：用来指定切换效果，默认是"swing"，可用参数"linear"Ⅰ、swing：动画执行时效果是 先慢，中间快，最后又慢Ⅱ、linear：动画执行时速度是匀速的③、 fn：在动画完成原创 2020-06-12 22:17:34 · 291 阅读 · 0 评论 -
JQuery框架入门、选择器分类及DOM操作
JQuery 基础：概念： 一个JavaScript框架。简化JS开发jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨 是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优 化HTML文档操作、事件处理、动画设计和Ajax交互。JavaScript框架：本质上就是原创 2020-06-05 22:40:03 · 267 阅读 · 0 评论 -
JavaScript之Bootstrap响应式框架
Bootstrap概念：一个前端开发的框架，Bootstrap，来自Twitter，是目前很受欢迎的前端框架。Bootstrap是基于HTML、CSS、JavaScript的，它简介灵活，使得Web开发更加的快捷。框架：一个半成品软件，开发人员可以在框架基础上，在进行开发，简化代码。好处：①、定义了很多的css样式和js插件。②、响应式布局。【同一套页面可以兼容不同分别率的设备】快速入门下载：用于生产环境的 Bootstrap复制这三个文件夹【css、fonts、js】到项目文件夹中。然后原创 2020-05-31 18:13:52 · 407 阅读 · 0 评论 -
JavaScript之Dom对象
DOM概念：Docunment Object Model 文档对象模型。将标记语言文档的各个组成部分，封装为对象，可以使用这些标记语言文档进行CRUD的动态操作。HTML DOM 树：（一）、核心：DOM - 针对任何结构化文档的标准模型1. Document：文档对象1.1 获取Element对象：①、getElementById()：根据id属性值来获取元素对象。i的属性值一般唯一②、getElementsByTagName() ：根据元素名称获取元素对象们。返回值是一个数组&l原创 2020-05-30 22:03:44 · 534 阅读 · 0 评论 -
JavaScript之Bom对象
JavaScript之Bom对象概念：Browser Object Model 浏览器对象模型将浏览器的各个组成部分封装成对象。（一）、Browser 对象参考手册1、Window：窗口对象1.1 与弹出框有关的方法：1.1.1 alert()方法：显示带有一段消息和一个确认按钮的警告框定义和用法alert() 方法用于显示带有一段消息和一个确认按钮的警告框。语法alert(message) 也可以写成 window.alert(message)message 要在 window原创 2020-05-29 22:33:32 · 295 阅读 · 1 评论 -
JavaScript面向对象程序设计梳理
一、理解对象（一）属性类型ECMA-262定义这些特性是为了实现JavaScript引擎用的，因此在JavaScript中不能直接访问它们。1. 数据类型数据属性包含一个数据值的位置。在这个位置可以读取和写入值。==【Configgurable】：表示能否通过delete删除属性从而重新定义属性。==能否修改属性的特性，或者能否把属性修改为访问器属性。默认值为true。==【Enumerable】：表示能否通过for-in循环返回属性。==默认值为true。==【Writable】：原创 2020-05-21 21:39:27 · 207 阅读 · 0 评论 -
JavaScript引用类型知识点的整理
基本对象：1. Function：函数(方法)对象1. 创建：1. var fun = new Function(形式参数列表,方法体); //忘掉吧2.function 方法名称(形式参数列表){方法体} 3. var 方法名 = function(形式参数列表){ 方法体 ...原创 2020-05-18 22:38:40 · 166 阅读 · 0 评论 -
用JavaScript实现九九乘法表小练习
JavaScript特殊语法语句以 ；(分号)结尾，如果一行只有一条语句，则分号可以省略。变量的定义使用var关键字，也可以不使用①.用：定义的变量是局限变量。②.不用：定义的变量是全局变量。JavaScript练习九九乘法表<!DOCTYPE html><html lang="en"><head> <meta charset="...原创 2020-04-27 20:45:29 · 1485 阅读 · 0 评论 -
JavaScript基本类型、数据类型与作用域
变量、作用域和内存问题一、基本类型和引用类型的值1.动态的属性2.复制变量值3.传递参数4.检测类型二、执行环境及作用域1.执行环境2.延长作用域链一、基本类型和引用类型的值基本类型值指的是简单的数据段，而引用类型值指的是那些可能由多个值构成的对象。引用类型的值是保存在内存中的对象，JavaScript不允许直接访问内存的位置，也就是不能直接操作对象的内存空间，引用类型的值是按引用访问的。...原创 2020-03-24 23:21:10 · 321 阅读 · 0 评论 -
JavaScript操作符
操作符包括算数操作符（如加号和减号）、位操作符、关系操作符和相等操作符。原创 2020-02-05 22:24:31 · 142 阅读 · 0 评论 -
JavaScript数据类型
数据类型ECMAScript中有5中简单的数据类型(也称为基本数据类型）:Undefined、Null、Boolean、Number、和String。还有一种复杂的数据类型--------Object,Object本质上是由一组无序的名值对组的。1.typeof操作符鉴于ECMAScript是松散类型的，因此有一种手段来检测给变量的数据类型——typeof 就是负责提供这方面信息的操作符。...原创 2020-02-02 14:20:54 · 217 阅读 · 0 评论 -
JavaScript之条件语句、循环语句
一、条件语句for( var i = 0; i < 10; i++){ document.write('a');} 条件语句执行顺序：先执行 var i = 0；会把中间的 i < 10；当成条件拿到 i f（i < 10 ) 语句中，进行条件判断，进行执行 i f （ i<10）{在这里面执行document.write(‘a’)这条执行体，条件判断...原创 2020-01-19 11:20:19 · 543 阅读 · 1 评论 -
JavaScript变量、运算符
一、主流浏览器IE tridentChrome webkit/blinkfirefox GeckoOpera prestoSafari webkit二、如何引入js?页面内嵌标签<!DOCTYPE html><html lang="en"><hea...原创 2020-01-15 19:19:37 · 233 阅读 · 0 评论 -
JavaScript浏览器发展史
Web发展史Mosaic,是互联网历史上第一个获普遍使用和能够显示图片的网页浏览器。于1993年问世。JavaScript作为Netscape Navigator浏览器的一部分首次出现在1996年。它最初的设计目标是改善网页的用户体验。作者: Brendan Eich。期初JavaScript被命名为，LiveScript，后因和Sun公司合作，因市场宣传需要改名JavaScript。后来S...原创 2020-01-15 19:14:14 · 278 阅读 · 0 评论