JavaScript

 JS(JavaScript):负责页面逻辑

是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

-1.基础语法:

统一的标准:ES5(ECMA Script5)\ES6(ECMA Script6)     

微软:Type Script   ECMA Script  的发展方向都借鉴了TS,并且很多大型框架使用TS coffeeScript

ES5 可以不使用var关键字去定义   不需要设置变量的类型       var: 用于定义变量 

定义变量的基本公式: 语句结束的分号,可加可不加

JavaScript 显示数据

1.声明变量:var 变量名; (一条语句)   2.给变量赋值(前提是已经声明过的变量):变量名=值

3.声明变量的同时赋值    var变量名=值

调试代码方法

1.  alert(变量) 如下

alert 以弹出框的方式弹出变量的值

2. Console.log(变量) 在控制台里面 输出日志

在控制台输出变量

报错处理:可以通过第一行 后面的提示知道在哪个文件的多少行出错。点击可以进入到 出错的位置     xxx is not defined 某一个变量没有定义   解决方式 声明提示的变量。

代码优化:

每创建一次变量,都会在电脑的内存中产生一个位置。如果可以使用一个变量去表示 就尽量去创建一个

多个变量一起声明

只声明变量不创建 可以多个变量一起去声明 每个变量用逗号隔开   

数据的基本类型:

1.String  字符串类型   字符串用于存储和处理文本

不要创建 String 对象。它会拖慢执行速度,并可能产生其他副作用

双引号、单引号括起来的的内容就是字符串 注意区分变量名和字符串

拼接字符串 可以通过+来实现     

常用转义字符  换行符\n  回车符\r 

注意:数字使用加号是在做加法运算 字符串使用加号是在拼接字符串 数字+字符串是在拼接字符串  这种情况下1+1≠2

2.Number 数值型  如 var num= 1;

注意区分字符串和数字   如果两个数字相加,返回数字相加的和,如果数字与字符串相加,返回字符串  图片最后显示结果为201516

3.boolen 布尔型   boolen:true/false(空字符串,0)    多配合条件判断语句使用

算术运算符  +-*/% ++ --   如

可以通过弹出框窗口输入文本内容 字符串

parseInt(),可以把字符串 转换成整数 忽略小数点的部分

parseFloat(),可以把字符串 转换成小数

----自增 自减-------

自加自减在后 先运算 在赋值   自加自减在前 先赋值 在运算 如图r=42

--赋值运算符---

if条件语句  if (表达式){...}else {...} 如果xxxx,那就干.... 否则...

当条件为 true 时执行代码,当条件为 false 时执行其他代码

逻辑运算符      &&当两个条件同时满足 才是真的

|| 或   两个条件满足其中之一就好

! 取反  

Math.random()999 0--999之间的随机数

+ 运算符用于把文本值或字符串变量加起来(连接起来)。如需把两个或多个字符串变量连接起来,请使用 + 运算符

三目运算的公式 

问表达式是否成立?成立的结果;不成立的结果

-2.!importantDom操作:

Dom:文档对象模型

操作:一、查询DOM元素 可以通过选择器来查找dom对象 document.querySelector(选择器)

document:文档  query:查询  Selector:选择器

点击事件onclick 点击box的时候执行哪些代码

function:函数(工具) 公式:function(){} 可以圈起一些代码 可以在特殊时期去使用(主动让它去使用才有效果,不让它去使用,就相当于没有写)

通过JS更改css样式: 如:dom.style.borderRadius="50%"

引入JS方式 格式<script src="... .js"></script> 

需要引入在body的最底下,确保所有元素都被创建了再去使用  
在<head></head>里边引入的话就报错了

如果非要放在<head></head>的话 那么window.onload=function(){} (监听window加载完毕的状态)

这样的话把script放在HTML中<head></head> 就不会报错了

二、创建元素 添加元素 

1.innerHTML("html")    会把父元素里边内容清空,重新放置元素 

也可以通过innerHTML去清除父元素中的内容  

innerText 设置读取标签里边的文本内容

2.创建var dom = document.createElement("标签的名字")  添加:父元素.appendChild(子元素)

数组:有序排列的容器 里面的元素按照一定顺序排列 可通过一个序号(下标)找到里边的元素

创建数组  var cj = [ ];  获取数组中元素 :cj[下标] 下标从0开始  把数组中的而每一个元素 逐个读取出来 叫遍历

for 循环   循环代码块指定的次数 

如果你想运行相同的代码,并且每次的值都不同的时候,用循环会方便很多

语法

红色部分是语句1(在开始前设置变量 var i=0 )     绿色部分是语句2(定义运行循环的条件( i 必须小于 cj.length ))      蓝色部分是语句3(在执行已被执行后执行(在每次 代码块已被执行后增加一个值 (i++) ))             

具体事例: 

定义一个数组 然后用循环让它里面的值显示出来   1.初始化变量i var i=0 2.i<5;去判断是否满足循环条件,满足进入循环体,不满足跳出循环  3.执行完循环体里边的内容,修改变量i的值 4.再次重新循环,继续判断是否满足条件,重复第二步

定时器 :每隔多久就会执行一次任务

setInterval(要执行的任务,执行的时间(单位毫秒))

1.样式 2.属性 3.内容 4.事件

-3.日期对象、字符串处理、数据处理、正则......

-4.Bom、(面向对象、闭包 (面试时常见问题))、命名空间......

-5.封装插件   (封装UI、工具类插件)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,539评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,911评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,337评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,723评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,795评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,762评论 1 294
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,742评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,508评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,954评论 1 308
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,247评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,404评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,104评论 5 340
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,736评论 3 324
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,352评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,557评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,371评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,292评论 2 352

推荐阅读更多精彩内容

  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,145评论 0 13
  • FreeCodeCamp - Basic JavaScript 写在前面: 我曾经在进谷前刷过这一套题,不过当时只...
    付林恒阅读 16,440评论 5 28
  • 标签: 我的笔记 ---学习资料:http://javascript.ruanyifeng.com/ 1. 导论 ...
    暗夜的怒吼阅读 808评论 0 1
  • JavaScript,通常缩写为 JS,是一种解释执行的编程语言。它是现在最流行的脚本语言之一。 JavaScri...
    神齐阅读 4,855评论 1 32
  • JavaScript语言精粹 前言 约定:=> 表示参考相关文章或书籍; JS是JavaScript的缩写。 本书...
    微笑的AK47阅读 580评论 0 3