js中级-11.7

  1. 针对表单的

Form input select textarea

type=”radio/checkbox/password/button/text/submit/reset/”

表单的事件

onchange  当表单内容被修改时触发的事件

onfocus  获取焦点事件

onblur  失去焦点事件

表单里的内容用.value 那div中内容用innerHTML

补充条件语句

  1. if  else
  2. switch
  1. 定时器

Js的同步和异步

同步:代码从上到下执行。

异步:每个模块执行自己的,同时执行。

js本身就是同步的,但是需要记住四个地方是异步。

Js的异步   1.定时器  2.ajax   3事件的绑定  4..回调函数

  1. setInterval(function(){},1000)

setInterval()  这个方法有两个参数,第一个是函数  第二个是时间(毫秒为单位)。

代表每隔一秒执行一次里面的函数。

人眼的频率  1000/60;

setInterval()   开启一个计时器 ,clearInterval()  关闭一个计时器

setTimeOut(function(){},2000)

代表两秒之后执行以下这个方法,然后就终止。

11.8

1.轮播图

案例

2.定时器this问题

var t=setInterval(function(){

console.log(this)

},1000)

这里面的this是window

Person.prototype={

fn:function(){

console.log(this)

},

n:200,

t:setInterval(this.fn,2000)

}

var ss=new Person("zhang")

不管定时器里函数怎么写它里面this都是window。

怎么处理定时器中的this为指定的对象

在函数前面将关键字this赋值给一个变量,函数内使用这个变量代替this就可以了

原文地址:https://www.cnblogs.com/wsxxy/p/10055163.html

时间: 2024-08-29 09:00:14

js中级-11.7的相关文章

js中级-11.2

js数据类型 基本数据类型:string   undefined   null  boolean  number 引用数据类型  Object  array  function 二者的区别 基本数据类型就是简单的操作值,引用数据类型,把引用地址赋值给变量 堆内存 就是存放代码块的,存放形式有两种,一种是对象以键值对的形式存放 另一种就是函数  以字符串的形式存放 引用数据类型的赋值,是把引用地址赋给它,在修改属性的时候,通过地址查找然后改掉. 应用数据类型,如何操作? 先通过引用地址去查找堆内存

d3.js学习11

单元素动画transition().duration(duration) var body = d3.select("body"), duration = 5000; body.append("div") .classed("box",true) .style("background-color","#e9967a") .transition() .duration(duration) .style(&qu

node.js第11课(HTTPclient)

 一.http模块提供了两个函数http.request和http.get,功能是作为client向HTTPserver发起请求. Ext.Ajax.request({},function(response)) 1.http.request(options,callback)发起HTTP请求,接受两个參数,option是一个类似关联数组的对象, 表示请求的參数,callback是请求的回调函数,option经常使用的參数例如以下 host:请求站点的域名或IP地址 port:请求站点的端口,

codefordream 关于js中级训练

中级训练接着就紧锣密鼓的开始了. 首先是关于变量,变量的作用是给一个数据值标注名称. 注:JavaScript中变量名,函数名,参数名的命名规范:至少由字母,下划线,美元符号,数字其中的一种组成,但不能以数字开头.变量的定义,如:var num =5.关于变量的引用,我觉得这句话已经说的很形象了——数据本来不具有名称,之所以使用变量,就是为了通过某个名称来称呼这样一种不具有名称的数据. 所谓"引用",可以认为是用变量名来取出其代表的数据值.就像在许许多多的箱子里面通过箱子的名称,找到该

我的JS 中级学习篇

在codefordream上进入中级学习后,感觉立马从js的基础学习往前跳了好远,上面的东西好像都是第一次看到一样.这时候才发现,说来也曾接触过js,但是这时候才发现对js的认识就停在知道两点:js中用var定义变量,用function定义函数!这时候有点羞愧了,说来真是对不起老师们的教导!之前接触js是用于编写网页,当时在dreamwever上编写网页很多功能都没有自己动手用函数实现,而是直接拖动组件等方法创建的,导致好像真的除了看到过js代码,自己还真的居然没有写过! 中级部分主要有:代码运

[JS]笔记11之正则表达式

-->什么是正则表达式-->定义正则-->正则的索引-->元字符-->方括号.量词.其他符号-->RegExp 对象的方法-->String 对象方法 1.定义: 正则用于规定在文本中检索的内容,它是对字符串执行模式匹配的强大工具RegExp(正则表达式) 对象的语法:new RegExp(pattern, attributes);pattern为一个字符串或匹配规则attributes为可选字符串,包含属性g.i 和 mg:代表全局匹配 (继续往下匹配)i:代表

JS学习11(DOM2&DOM3)

DOM1级主要是在定义HTML和XML文档的低层结构.D2和D3则在这个结构的基础上引入了更多的交互能力.它们被分为了许多模块: DOM Level 2 Core:为1级核心添加了更多方法和属性 DOM Level 2 Views:为文档定义了基于样式信息的不同视图 DOM Level 2 Events:说明了如何使用事件与DOM文档交互 DOM Level 2 Style:有关CSS DOM Level 2 Traversal and Range:遍历和选择的新API DOM Level 2

js中级小知识1

首先我们复习之前的小知识,本期博客与之前有关 js数据类型 基本数据类型:string    undefined         null         boolean          number 引用数据类型:     Object     array       function 二者的区别 基本数据类型就是简单的操作值,引用数据类型,把引用地址赋值给变量 堆内存 就是存放代码块的,存放形式有两种,一种是对象一键值对的形式存放 另一种就是函数 以字符串的形式存放 案例 引用数据类型的赋

Web-js中级-11月1日

一: js数据类型 基本数据类型:string     undefined   null    boolean   number 引用数据类型:Object    array     function 二者的区别: 基本数据类型就是简单的赋值. 引用数据类型是把地址赋值给变量. 堆内存 就是存放代码块的,存放形式有两种,一种是对象以键值对的形式存放 另一种就是函数,以字符串的形式存放. 引用数据类型的赋值,是把引用地址赋值给它,在修改属性的时候,通过地址查找然后改掉. 应用数据类型,如何操作?