JS(JavaScript)的进一步了解5(更新中···)

1.针对表单的

  form input select textarea

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

表单的事件

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

  onfocus  获取焦点事件 

  onblur  失去焦点事件

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

  

  

补充条件语句

   1)if  else

   2)switch

  

2.定时器

Js的同步和异步

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

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

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

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

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

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

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

人眼的频率  1000/60;

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

setTimeOut(function(){},2000)

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

1..定时器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/zff123/p/9985343.html

时间: 2024-10-14 07:22:18

JS(JavaScript)的进一步了解5(更新中···)的相关文章

JS初级学习笔记(后续 更新中)

为了需要,近期开始学习JS相关知识,主要的方式是通过看视频以及查阅相关手册,并动手实践,以下是相关代码. <!DOCTYPE html> <html> <head> <title>设置一个元素是否可见</title> <meta charset="utf-8"> </head> <style type="text/css"> .tips{width:370px;backg

JavaScriptの你问我答( 更新中......)

一些js的问题与解析 1) ["1","2","3"].map(parseInt);的运行结果是? A.["1","2","3"] B.[1,2,3] C.[0,1,2] D.其他 分析: D map对数组的每个元素调用定义的回调函数并返回包含结果的数组.["1","2","3"].map(parseInt)对于数组中每个元素调

JS基础知识再整理..........不断更新中

1.JS的五种基本数据类型:字符串.数值.布尔.null.underfined. 2.在JS中,字符串.数值.布尔三种数据类型,有其属性和方法: 3.字符串的三种常用方法[.indexof()..substring()..split()]和一种常用属性[.length]; 例子如下: /*提取字符串中列表的每一项*/ var aa="This is a list:red,blue,white,black."; var start=aa.indexOf(":"); /

常用JS、jquery 命令(不断更新中)

设置用户粘贴板中的文本信息:window.clipboardData.setData('Text', location.href); 获取用户粘贴板中的文本信息: window.clipboardData.getData('Text'); 清空用户粘贴板中的文本信息: window.clipboardData.clearData('Text'); 禁止复制:在元素中添加oncopy事件,并return false即可: 禁止粘贴:在元素中添加onpaste事件中,return false即可:

js坑爹笔试题目汇总(持续更新中)

把你的面试官问倒,你就是一个合格的面试者了,下面总结一些易错的js笔试题目,会持续更新中,欢迎关注 1,考察this var length = 10 function fn(){ alert(this.length) } var obj = { length: 5, method: function(fn) { fn() // ? arguments[0]() // ? } } obj.method(fn) 这里的坑主要是arguments,我们知道取对象属于除了点操作符还可以用中括号,这里fn

我觉得有意思的JavaScript题目(01-05更新中)

对于以下js题目均来至于网络中.有的来至于文章之中,有的也许来至于问答题型中. 如果你有更好的问题解释,请留言交流! 1.相关问题描述:到底该怎么去理解闭包? 代码片段A: !function(){ var num=1; var exp={}; functionadd(num){ return num++; } exp.getAddNum=function(){ return add(num); } window.a=exp; }() console.log(a.getAddNum()); //

【前端】Util.js-ES6实现的常用100多个javaScript简短函数封装合集(持续更新中)

Util.js (持续更新中...) 项目地址: https://github.com/dragonir/Util.js 项目描述 Util.js 是对常用函数的封装,方便在实际项目中使用,主要内容包含:数组类.浏览器类.日期类.函数类.数学类.媒体类.节点类.对象类.字符串类.类型检测类.正则表达式类等内容. 使用方法 1. 引入Bable transpiler以保证支持ES6 <script type="javascript/text" src="./browser

JS基础知识回顾:在HTML中使用JavaScript

想HTML页面中插入JavaScript的主要方法就是使用<script>元素. HTML4.01当中为<script>元素定义了下列6个属性: language(已废弃):原来用于表示编写代码使用的脚本语言,如JavaScript.JavaScript1.2.VBScript等,由于大多数浏览器会忽略此属性,因此就没有必要再用了: type(可选):可以看成是language的替代属性,表示编写代码使用的脚本语言的内容类型,也被称作MIME类型,在未指定此属性的情况下会被默认为t

Angular js开发的各种坑(持续更新中。。。)

Angular UI的Modal 在按照官方文档写的时候会报如下错误 var ModalDemoCtrl = function ($scope, $modal, $log) {   $scope.items = ['item1', 'item2', 'item3'];   $scope.open = function (size) {    var modalInstance = $modal.open({       templateUrl: 'myModalContent.html',   

构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(1)-前言与目录(持续更新中...)

演示地址 帐号:admin 密码:admin123 请不要删除用户避免他人无法体验(文章中已经附带源码,源码开放到17讲下载) 快捷地址(QQ群37509873也有相应的下载):   第2讲源码下载  密码:wg0i 最新代码生成器+17讲源码下载 密码:n2ji SwfUpload在MVC4下多文件上传 密码:0ntz 也可以有偿获取一份最新源码联系QQ:729994997价格500 -------------------------------------------------------