![](https://img-blog.csdnimg.cn/2020051811391345.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript笔记
JavaScript的一些笔记
bfhonor
没有天生的高手,更没有永远的菜鸟。
展开
-
JQuery插件机制
插件:增强JQuery的功能实现方式:$.fn.extend(object)增强通过Jquery获取的对象的功能,如:$("#id")$.extend(object)增强JQeury对象自身的功能,如:$/jQuery原创 2020-06-17 21:55:43 · 143 阅读 · 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 · 240 阅读 · 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 · 233 阅读 · 0 评论 -
JavaScript之Bootstrap响应式框架
Bootstrap概念:一个前端开发的框架,Bootstrap,来自Twitter,是目前很受欢迎的前端框架。Bootstrap是基于HTML、CSS、JavaScript的,它简介灵活,使得Web开发更加的快捷。框架:一个半成品软件,开发人员可以在框架基础上,在进行开发,简化代码。好处:①、定义了很多的css样式和js插件。②、响应式布局。【同一套页面可以兼容不同分别率的设备】快速入门下载:用于生产环境的 Bootstrap复制这三个文件夹【css、fonts、js】到项目文件夹中。然后原创 2020-05-31 18:13:52 · 345 阅读 · 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 · 480 阅读 · 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 · 256 阅读 · 1 评论 -
JavaScript面向对象程序设计梳理
一、理解对象(一)属性类型ECMA-262定义这些特性是为了实现JavaScript引擎用的,因此在JavaScript中不能直接访问它们。1. 数据类型数据属性包含一个数据值的位置。在这个位置可以读取和写入值。==【Configgurable】:表示能否通过delete删除属性从而重新定义属性。==能否修改属性的特性,或者能否把属性修改为访问器属性。默认值为true。==【Enumerable】:表示能否通过for-in循环返回属性。==默认值为true。==【Writable】:原创 2020-05-21 21:39:27 · 166 阅读 · 0 评论 -
JavaScript引用类型知识点的整理
基本对象:1. Function:函数(方法)对象1. 创建:1. var fun = new Function(形式参数列表,方法体); //忘掉吧2.function 方法名称(形式参数列表){方法体} 3. var 方法名 = function(形式参数列表){ 方法体 ...原创 2020-05-18 22:38:40 · 128 阅读 · 0 评论 -
用JavaScript实现九九乘法表小练习
JavaScript特殊语法语句以 ;(分号)结尾,如果一行只有一条语句,则分号可以省略。变量的定义使用var关键字,也可以不使用①.用:定义的变量是局限变量。②.不用:定义的变量是全局变量。JavaScript练习九九乘法表<!DOCTYPE html><html lang="en"><head> <meta charset="...原创 2020-04-27 20:45:29 · 1448 阅读 · 0 评论 -
JavaScript基本类型、数据类型与作用域
变量、作用域和内存问题一、基本类型和引用类型的值1.动态的属性2.复制变量值3.传递参数4.检测类型二、执行环境及作用域1.执行环境2.延长作用域链一、基本类型和引用类型的值基本类型值指的是简单的数据段,而引用类型值指的是那些可能由多个值构成的对象。引用类型的值是保存在内存中的对象,JavaScript不允许直接访问内存的位置,也就是不能直接操作对象的内存空间,引用类型的值是按引用访问的。...原创 2020-03-24 23:21:10 · 290 阅读 · 0 评论 -
JavaScript操作符
操作符包括算数操作符(如加号和减号)、位操作符、关系操作符和相等操作符。原创 2020-02-05 22:24:31 · 112 阅读 · 0 评论 -
JavaScript数据类型
数据类型ECMAScript中有5中简单的数据类型(也称为基本数据类型):Undefined、Null、Boolean、Number、和String。还有一种复杂的数据类型--------Object,Object本质上是由一组无序的名值对组的。1.typeof操作符鉴于ECMAScript是松散类型的,因此有一种手段来检测给变量的数据类型——typeof 就是负责提供这方面信息的操作符。...原创 2020-02-02 14:20:54 · 171 阅读 · 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 · 483 阅读 · 1 评论 -
JavaScript变量、运算符
一、主流浏览器IE tridentChrome webkit/blinkfirefox GeckoOpera prestoSafari webkit二、如何引入js?页面内嵌标签<!DOCTYPE html><html lang="en"><hea...原创 2020-01-15 19:19:37 · 202 阅读 · 0 评论 -
JavaScript浏览器发展史
Web发展史Mosaic,是互联网历史上第一个获普遍使用和能够显示图片的网页浏览器。于1993年问世。JavaScript作为Netscape Navigator浏览器的一部分首次出现在1996年。它最初的设计目标是改善网页的用户体验。作者: Brendan Eich。期初JavaScript被命名为,LiveScript,后因和Sun公司合作,因市场宣传需要改名JavaScript。后来S...原创 2020-01-15 19:14:14 · 239 阅读 · 0 评论