SF
JavaScript
JavaScript
注册登录
关注博客
注册登录
主页
关于
RSS
实现跨域访问
庄国琳
2018-09-14
阅读 2 分钟
1.4k
如果非同源,三种行为受到限制:1.Cookie、LocalStorage和indexDB无法读取2.DOM无法获得3.AJAX请求不能发送虽然这些限制是必要的,但是有时很不方便,合理的用途也受到影响所谓"同源"指的是"三个相同":协议相同、域名相同以及端口相同
谈谈jQuery中Ajax那些事
庄国琳
2018-09-14
阅读 3 分钟
1.6k
jQuery不仅对JavaScript语言进行了封装,也对Ajax异步交互进行了封装,jQuery提供了6个Ajax操作的方法:1.load()方法2.$.get()方法和$.post()方法3.$.ajax()方法4.$.getScript()方法和$.getJSON()方法jQuery除了封装了六个Ajax操作的方法,还提供了一下几种事件:1.ajaxStart()和ajaxStop()事件2.ajaxComplete()事件、aj...
Ajax的异步交互步骤
庄国琳
2018-09-14
阅读 3 分钟
3.1k
1.同步交互维持了浏览器原有的前进和后退机制2.如果后面逻辑的执行依靠前面逻辑执行的结果的话,同步交互在这方面不会出现问题3.同步交互对搜索引擎比较友好
浅谈jQuery中的工具方法
庄国琳
2018-09-11
阅读 3 分钟
1.2k
$().index(element):该方法只能jQuery对象调用,括号接收的参数也只能是jQuery对象,找到返回该元素所在的索引值位置,找不到返回-1
浅谈jQuery中的动画
庄国琳
2018-09-10
阅读 1 分钟
1.2k
显示与隐藏 show(speed,callback) speed:动画执行的时长,单位为毫秒callback:动画执行完毕后的回调函数 hide(speed,callback) speed:动画执行的时长,单位毫秒callback:动画执行完毕后的回调函数 滑动式动画 slideUp()和slideDown() 没有无动画版本(底层代码预定义动画执行的时长),改变指定元素的高度,括号里面的参数...
浅谈jQuery中的事件
庄国琳
2018-09-10
阅读 1 分钟
1.2k
1.$(document).ready(function(){});2.$().ready(function(){});3.$(function(){});
jQuery之DOM操作
庄国琳
2018-09-10
阅读 6 分钟
1.8k
DOM操作 本章主要讲查找元素、遍历元素、创建元素、插入元素、删除元素、替换元素、复制元素、属性操作、样式操作、HTML操作。 查找元素 定位页面元素,可以直接用jQuery的选择器 {代码...} 获取、设置指定元素的文本内容,类似于DOM中textContent属性 {代码...} 获取、设置指定元素的属性名的属性值 {代码...} 获取父元...
jQuery的各种选择器
庄国琳
2018-09-06
阅读 2 分钟
1.7k
基本选择器 通配符选择器:匹配所有 {代码...} 组合选择器:多个选择器之间使用逗号分隔(并集) {代码...} 组合选择器:多个选择器之间没有任何分隔(交集) {代码...} 层级选择器 指定元素的下一个相邻兄弟元素 {代码...} 指定元素的后面所有的兄弟元素 {代码...} siblings()方法:获取指定元素所有的兄弟元素(前面+后面) ...
聊聊BOM的那些事
庄国琳
2018-09-06
阅读 3 分钟
1.4k
BOM的全称是Browser Object Model,被译为浏览器对象模型BOM提供了独立于HTML页面内容,而与浏览器相关的一系列对象,主要被用于管理浏览器窗口及与浏览器窗口之间通信等功能BOM由一系列对象构成,这些对象可以简单理解为是由各个浏览器所提供的
DOM对于表单的操作
庄国琳
2018-09-04
阅读 6 分钟
1.5k
<input>元素对应DOM中的对象是HTMLInputElement对象,而<textarea>元素对应DOM中的对象是HTMLTextAreaElement对象,HTMLInputElement对象和HTMLTextAreaELement对象的共同父级对象是HTMLElement对象。所以,这两个对象在很多操作上是比较相似的
聊聊DOM中很重要的一个知识点:事件
庄国琳
2018-09-03
阅读 4 分钟
1.5k
事件 事件就是浏览器告知JavaScript程序,用户的行为,用户点击了HTML页面中的某个按钮或者用户输入用户名或密码等操作可以称为事件 事件的类型 事件根据使用的场景不同,可以分为如下几种: 依赖于设备的输入事件:键盘事件和鼠标事件,这些事件都是直接和设备相关的 独立于设备的输入事件:例如click事件等,这些事件...
DOM的样式操作
庄国琳
2018-09-03
阅读 2 分钟
2.6k
DOM中HTMLElement对象提供了style属性1.返回CSSStyleDeclaration对象2.DOM中对应CSS中所有样式属性提供的对象(封装了所有样式属性)3.得到样式属性对应的值,字符串类型(将其转换为Number类型)
DOM里面的Node对象和Element对象的区别
庄国琳
2018-08-31
阅读 2 分钟
3.7k
Dom的标准规范中提供了Node对象,该对象主要提供了用于解析DOM节点树结构的属性和方法,DOM树结构主要是依靠节点进行解析,成为DOM节点树结构,Node对象是解析DOM节点树结构的主要入口,Node对象提供的属性和方法,可以实现遍历节点、插入节点等操作
简单聊聊DOM
庄国琳
2018-08-29
阅读 3 分钟
1.2k
<script>元素用于在HTML页面中嵌入或引入JavaScript脚本代码,该元素默认被定义在<head>元素中
谈谈JavaScript中严格模式你应该遵守的那些事
庄国琳
2018-08-25
阅读 4 分钟
2.1k
首先来了解一下严格模式是什么?严格模式是JavaScript中的一种限制性更强的变种方式,不是一个子集:它在语义上与正常代码有明显的差异,不支持严格模式的浏览器与支持严格模式的浏览器行为上也不一样,所以不要在未经严格模式特性测试情况下使用严格模式,严格模式可以与非严格模式共存,所以脚本可以逐渐的选择性加入...
JavaScript的String类型
庄国琳
2018-08-22
阅读 2 分钟
1.2k
String类型 大小写转换 {代码...} 根据指定位置获取字符串 {代码...} 检索字符串 {代码...} 截取字符串 {代码...} 分隔字符串 {代码...} 替换字符串 {代码...} 匹配字符串 {代码...} 查找字符串 {代码...}
JavaScript中涉及到的RegExp类型
庄国琳
2018-08-22
阅读 2 分钟
1.4k
RegExp类型 正则表达式:由一些普通字符和特殊字符组成的,用以描述一种特定的字符规则的表达式,它是用来限制用户在互联网中输入的规则 创建正则表达式 字面量/直接量方式 var 变量名=/正则表达式的内容/修饰符 {代码...} 构造函数方式 var 变量名=new RegExp(正则表达式的内容,[修饰符]) {代码...} 正则表达式的运行 1...
JavaScript中Array类型中的方法
庄国琳
2018-08-21
阅读 3 分钟
1.8k
Array类型 检测数组 检测数组有以下几种方法, instanceof {代码...} Object.prototype.toString.call()方法 {代码...} Array.prototype.isPrototypeOf() {代码...} Array.isArray() {代码...} 转换数组 利用toString()方法将数组转换为字符串 {代码...} valueOf()转换原始值 {代码...} 进出栈方法 push();在数组最后面...
浅谈原型式继承、借助构造函数、组合方式继承
庄国琳
2018-08-20
阅读 2 分钟
1.5k
原型式继承,就是一定一个函数,该函数中创建一个临时性的构造函数,将作为参数,传入的对象作为这个构造函数的原型,最后返回这个构造函数的实例对象
JavaScript中的原型与继承
庄国琳
2018-08-16
阅读 4 分钟
1.1k
在JavaScript中,函数是一个包含属性和方法的Function类型的对象。而原型(Prototype)就是Function类型对象的一个属性在函数定义时就包含prototype属性,它的初始值是一个空对象。在JavaScript中并没有定义函数的原型类型,所以原型可以是任何类型原型是用于保存对象的共享属性和方法的,原型的属性和方法并不会影响函数...
JavaScript中的Function类型
庄国琳
2018-08-15
阅读 5 分钟
1.8k
函数是一段JavaScript代码,它只定义一次,但可能被执行或调用多次Function类型是JavaScript提供的引用类型之一,通过Function类型创建Function对象在JavaScript中,函数也是以对象的形式存在的。每个函数都是一个Function对象函数名,本质就是一个变量名,是指向某个Function对象的引用
javaScript中的Object类型
庄国琳
2018-08-14
阅读 4 分钟
2k
JavaScript提供了一个内部数据结构,用于描述对象的值,控制其行为,例如该属性是否可写、是否可配置、是否可修改以及是否可枚举等。这个内部数据结构被称为‘属性描述符’。每个属性都有自己对应的属性描述符,保存该属性的元信息。
浅谈JavaScript中的面向对象
庄国琳
2018-08-14
阅读 2 分钟
1k
面向对象编程的全称是Object Oriented Programming,简称OOP,面向对象编程是用抽象方式创建基于现实世界模型的一种编程模式。面向对象编程可以看做是使用一系列对象相互协作的软件设计,面向对象程序设计的目的是在编程中促进更好的灵活性和可维护性。凭借其对模块化的重视,面向对象的代码开发更简单,更容易理解。面...
JavaScript对象
庄国琳
2018-08-13
阅读 4 分钟
1.2k
javaScript中的对象,和其它编程语言中的对象一样,可以比照现实生活中的对象来理解。在JavaScript中,一个对象可以是一个单独拥有属性和类型的实体。和杯子做一下比较,一个杯子是一个对象,拥有属性,杯子有颜色、图案、重量等。同样,JavaScript也有属性来定义它的特征。方法是关联到某个对象的函数,或者简单地说,...
JavaScript的作用域
庄国琳
2018-08-12
阅读 3 分钟
1.1k
变量和函数都有作用域,作用域就是变量和函数可被访问的范围,控制着变量和函数的可见性和生命周期(生命周期指一个事物开始到结束中间那一段时间)变量的作用域可被分为全局作用域和局部作用域(函数作用域),如果变量是被定义在全局作用域的话,在JavaScript代码中的任何位置都可以访问该变量;如果变量被定义在指定函数...
聊聊javaScript的函数
庄国琳
2018-08-12
阅读 2 分钟
1.3k
函数 函数只定义一次,但可能会被执行多次或调用多次的代码,简单说,函数就是一组可重用的代码,可以在程序的任何地方调用它 定义函数 函数声明方式 {代码...} 字面量表达式,有点类似于声明变量的方式 {代码...} 调用函数 函数定义并不会自动执行,定义了函数仅仅是函数的名称,方便调用时通过函数名称进行调用,调用...
javaScript的常用语句
庄国琳
2018-08-08
阅读 3 分钟
1.3k
语句 if语句 if(条件表达式){ {代码...} } {代码...} if...else语句 if(条件表达式){ {代码...} }else{ {代码...} } {代码...} if...else语句嵌套模式 if(条件表达式){ {代码...} }else{ {代码...} } {代码...} if语句与if...else语句的注意事项 {代码...} if...else if语句 if(条件表达式){ {代码...} }else if(条件表...
浅谈javaScript各大运算符
庄国琳
2018-08-07
阅读 3 分钟
1k
数字类型与字符串做减法运算,这时候字符换会转换为数字类型,再做算数运算,如果字符串类型的内容包含文字或英文,那么得到的结果将是NaN,NaN不管与什么做算术运算都是NaN,数字类型与布尔类型做减法算术运算,同样布尔类型也会自动转换为数字类型在进行算术运算。
浅谈隐式类型转换与显示类型转换的那些事
庄国琳
2018-08-07
阅读 2 分钟
1.8k
隐式类型转换 number类型转string类型 {代码...} string类型转number类型或者boolean类型 {代码...} boolean类型转换number类型或者string类型 {代码...} 显示类型转换 转换为string类型: 1.String(); {代码...} 2.toString(); {代码...} 转换为number类型 1.Number(); {代码...} 2.parseInt(); {代码...} 3.parseFloat...
简单了解一下javascript中变量与常量的语法以及不同之处
庄国琳
2018-08-06
阅读 2 分钟
1.9k
首先说一下关于JavaScript的几点语法要求: 不能以数字开头命名; 在html中是不区分大小写的,但在这里需要区分大小写,大写的名称与小写的名称分别是区分开的; 不能用关键字进行变量命名; 给变量定义变量名称一般要具有语义化,见名知意; 一般采用驼峰或者下划线命名。 变量是什么? 变量其实是存储数据信息的盒子,个...