前端基本功—javascript 第六天

按钮不可用

button  不可以用       disabled  不可用的意思

btn.disabled = “disabled”     ||   btn.disabled = true;

灰色

注意:

  1. 因为 button是个双标签  所以要更改他的值, 使用 innerHTML 的,不是value。
  2. 关闭定时器   clearInterval(定时器名称);    定时器不再进行

定时器之  setTimeout()

setInterval(fn,5000);      每隔 5秒钟,就去执行函数fn一次

setTimeout(fn,5000);     5秒钟之后,去执行 fn 函数, 只执行一次

深层次的看待定时器区别

setInterval是排队执行的

假如 间隔时间是1秒, 而执行的程序的时间是2秒    上次还没执行完的代码会排队, 上一次执行完下一次的就立即执行, 这样实际执行的间隔时间为2秒

setTimeout延迟时间为1秒执行, 要执行的代码需要2秒来执行,那这段代码上一次与下一次的执行时间为3秒.

运算符

一元操作符 ++, -- + -       +5   -6

逻辑操作符 ! && ||

基本运算符 +, -, *, /, %

关系操作符 >, <, >=, <=, ===, ==, !=, !==

= 赋值    == 判断    === 全等

条件操作符 (三元运算符)  ? :

赋值运算符 +=, -=, *=, /=, %=

a+=5    a= a + 5

逗号运算符 ,   var  a=0,b=0;

字符串对象常用方法

转换为字符串

1. + “”       2+ “”  =  “2”    2+”ab”   =  “2ab”

2. String()    转换为字符串

3. toString(基数)  ;    基数就是进制

var txt = 10;

txt.toString(2)       二进制      1010

获取字符位置方法

charAt,获取相应位置字符(参数: 字符位置)

charCodeAt获取相应位置字符unicode编码(参数: 字符位置)


  1. 按钮不可用    disabled =  “disabled”  ||  true
  2. setTimeout   只执行一次    setInterval  执行很多次
  3. 递归调用 :  函数自己调用自己  函数递归调用    不提倡用函数名 而喜欢用的是  arguments.callee    返回的是  正在执行的函数 本身
  4. 逻辑运算符   与  &&  或  ||   非  !         ! > && > ||
  5. 2&&0    0   1&&8         0&&3   0      1||0
  6. 转换为 字符型      
        var num = 12345;
        num+ “”
        String(num);  
        num.toString();   10进制
        num.toString(2)   二进制
  7. 根据字符位置返回字符    
        charAt(索引号)

var txt = “abcde”;

txt.charAt(3);  d

charCodeAt(3)   unicode  编码       97      100

时间: 2024-08-24 08:04:09

前端基本功—javascript 第六天的相关文章

前端基本功—javascript 第三天

数组 array 声明数组 使用数组 使用的方法:    数组名[索引值];               函数名(); 索引号是从0开始的.   0 1 2 3 4 5 ... 数组的长度 数组名.length; 遍历数组 想到了for  遍历 数组 字符相连 + 数值相加  字符相连 所有的input  取过来的值  是  字符型. 三元运算符  三目运算符 一元:  a++  b++    +a  -a 二元:   a+b   a>=b 三元:   表达式 ? 结果1 : 结果2    等价

前端基本功—javascript 第五天

设置节点属性 获取节点属性 getAttribute(属性)      获取属性 通过这个方法,可以得到 某些元素的  某些属性 设置节点属性 setAttribute(“属性”,”值”); 比如说,我们想要把 一个 类名  改为   demo div.setAttribute(“class”,”demo”); 删除某个属性 removeAttribute(“属性”); demo.removeAttribute(“title”) 这个盒子就没有title  属性  给删掉了. 日期函数  ( D

前端基本功—javascript 第四天

两个小循环 循环   for(初始化; 条件; 增量){} while()  当       do {}  while() while(条件)  { 语句 } do while  至少执行一次     while 不一定 多分支语句 switch switch  跟 if else if  else if else   几乎一样的  但是switch效率更好. 作用其实就是 : 多选1     从多个里面选1个 . 语法格式: switch(参数) { case 参数1: 语句; break;

web前端之JavaScript正则表达式

web前端之JavaScript正则表达式 后面有代码: \d 表示数字 \d? ?表示0个或者一个 \d+ +表示一个或者多个 \d{3} 表示三个 \d{3,5} 表示三到五个 \d{3,} 表示至少出现3次 \d* *表示0到任意个 \b 表示单词边界 \B 表示非单词边界 \bis\b 表示查找" is "的 . 表示任意字符 \ 表示转译 http:(\/\/.+\.jpg) 用()进行分组 $1 获取其内部东西 []表示或 ^表示开头 $表示结尾 g表示全局 \d{4}[/

前端之JavaScript基础

前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C-minus-minus(C-)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0产品中开发出一套livescript的脚本

web前端之JavaScript高级程序设计六:事件

web前端之JavaScript高级程序设计六:事件 JavaScript 与 HTML 之间的交互是通过事件实现的.事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间.可以使用侦听器(或处理程序)来预订事件,以便事件发生时执行相应的代码.这种在传统软件工程中被称为观察员模式的模型,支持页面的行为(JavaScript 代码)与页面的外观(HTML 和 CSS 代码)之间的松散耦合. 事件流: 事件流描述的是从页面中接收事件的顺序.但有意思的是, IE 和 Netscape 开发团队居然提出了

json数据在前端(javascript)和后端(php)转换

学习目的:前后端数据交换 思路: json数据格式是怎么样? 后端各种语言怎么将自己内容转换成json格式的内容? 前端怎么接收json数据?有几种方式? js中怎么将json数据转换成js中的数组,对象来使用? 遇到问题: 用ajax接收数据直接赋值给了变量,发现里面是一个数组. 在php中不知道怎么传递数据?(或者说ajax的xmlhttp.responseText是怎么获取后端数据的?) php中把对象和数组转换成json数据格式的方法. 学习过程: 1.json知识普及 从结构上看,所有

前端之JavaScript(二)

一.概述 本篇主要介绍JavaScript的BOM和DOM操作,在前端之JavaScript(一)中介绍了JavaScript基础知识 1.1.BOM和DOM BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话”. DOM (Document Object Model)是指文档对象模型,通过它,可以访问HTML文档的所有元素. Window对象是客户端JavaScript最高层对象之一,由于window对象是其它大部分对象的

好程序员前端教程-javascript的面向对象

好程序员前端教程-javascript的面向对象一.什么是面向对象?1.面向对象就是把构成问题是无分解成多个对象,建立对象不是为了完成某个步骤,而是描述某个事物在这个解决问题的步骤中的行为.2.面向对象是一种思维方法.3·面向对象是一种编程方法.4·面向对象并不只针对某一种编程语言.二.面向对象和面向过程的区别和联系?1.面向过程侧重整个问题的解决步骤,着眼局部或者具体.2·面向对象侧重具体的功能,让某个对象具有这样的功能,更侧重整体.面向过程的优点:1.流程化使得编程任务明确,在开发之前基本考