当前位置: 首页>編程日記>正文

JavaScript笔记(菜鸟教程)

JavaScript笔记(菜鸟教程)

1.JavaScript用法:
(1).放在script标签里
(2).script标签通常可以放在head或者body底部
(3).script标签可以放在.js的外部文件中,用到的时候要调用
2.JavaScript输出:
显示数据
(1).window.alert弹出警告栏(只可以弹出数字可以进行加减乘除)
window.alert()括号里可以加数字可以加字符串
(2).document.getElementByld(id的属性)查找HTML中id属性的内容
(3).innerHTML:"内容"查找内容之后将内容修改
(4).document.write()向文档输入内容 注意函数名+()
3.JavaScript 语法:
JavaScript字面变量
(1).数字变量可以是小数、整数和科学计数(123e5=123000000)
(2).字符串变量用单引号或者双引号
(3).表达式字面量可以进行加减乘除计算
(4).关键字var定义变量
4.JavaScript注释:
(1).单行注释://
(2).多行注释:/* */
5.JavaScript变量:
(1).在计算机程序中,经常会声明无值的变量。未使用值来声明的变量,其值实际上是 undefined
6.JavaScript数据类型:
(1).值类型:String(字符串类型)、Number(数字型)、Boolean(布尔型true false)、Null(对空型)、undefined(未定义型)、Symbol
(2).引用数据型:Object(对象)、Array(数组)、Function(函数)
7.JavaScript函数:
(1).局部变量在函数内部进行声明,函数运行之后被删除,只在函数内部被调用
(2).全局变量在函数外部进行声明,页面关闭之后被删除,所有脚本和函数都可进行调用
(3).未使用var声明的变量即使在函数内部却是全局变量
8.JavaScript事件:
this用来修改本身的内容
在这里插入图片描述
在这里插入图片描述
9.JavaScript运算符:
(1).+加法,-减法,乘法,/除法,%取模(余数),++自增,–自减
(2).=等于,x+=y(x=x+y),x/=y(x=x/y),x%=y(x=x%y)
10.JavaScript比较运算符:
(1)==等于,!=不等于,====绝对等于(值和类型都相等),!==值或者类型有一个不相等或者都不相等,>大于,<小于,>=大于等于,<=小于等于
(2).&&和,||或,!非
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
11.JavaScript条件语句:
(1).if语句:当语句为true的时候执行
(2).if…else:条件为true时执行,当为false时执行其他
(3).if…else if…else:选择多个代码之一来执行
(4).switch:选择:选择多个代码之子来执行
在这里插入图片描述
在这里插入图片描述
12.JavaScript循环:
(1).for循环
在这里插入图片描述
语句1:(代码块)开始前执行
语句2:开始运行代码块的条件
语句3:循环执行后再执行
(2).while和do while循环
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
(3).break和continue语句
break用于跳出循环,结束循环
continue用于跳出迭代,不结束循环
13.Javascript typeof:
(1).用typeof来检测变量的数据类型
(2).用null来清空对象(值为空,数据类型为对象)
(3).用undefined来清空对象(值和数据类型都是undefined)
**14.JavaScript正则表达式:**用于搜索或者文本替换
用单个字符描述、匹配一系列符合某个句法规则的字符串搜索模式
(1).search():用于检索与字符串相符的子字符串并返回子字符串的
(2).replace():用字符串替换字符串,或者用字符串替换与正则表达式匹配的字符串
(3).test():用于检测字符串是否匹配那个模式,如果字符串含有匹配的文本,则返回true否则返回false
(4).exec():用于检索正则表达式的匹配,如果匹配则返回匹配的字符如果不匹配则返回nul
15.JavaScript错误:
(1).try…catch…:测试处理代码块的错误
(2).finally:无论try…catch…有没有错误。finally都会执行
(3).throw:允许我们自定义创建错误
16.JavaScript调试:
(1).debugger:停止执行JavaSript,并调用调试函数;相当于在调试函数中设置断点,在代码第三行前停止执行
17.JavaScript变量提升:
javascript总是会将函数或者变量的声明提升到函数的顶部
函数变量的声明在表达之前声明或者表达之后声明都可以,但是变量的初始化不可以
18.JavaScript使用误区:
(1).加法是两个数字相加 连接是两个字符串相加
在这里插入图片描述
(2)字符串分行用回车键会报错
在这里插入图片描述
19.JavaScript的this:
(1).在对象方法中,this指向调用它所用的方法中的对象
(2).单独使用this,指向全局对象
(3).函数使用中,this指向函数的所有者
(4).严格模式函数没有绑定this上,此时的this是undefined
(5).HTML事件句柄中,this指向接收事件的HTML元素
(6).apply和call允许切换函数执行的上下文环境,即this绑定的对象,可以将this引用到任何对象
20.JavaScript的let和const:
(1).let 声明的对象只在let的代码块内有效,先声明再使用
(2).const声明一个只读变量,一旦声明常量的值就不可以改变
21.JavaScript JSON:
存储和传输数据的格式
服务端向网页传递数据
22.JavaScript void:
(1).当用户链接时,void(0) 计算为 0,但 Javascript 上没有任何效果。
(2).在这里插入图片描述
在这里插入图片描述
23.JavaScript的代码规范:
(1).变量名用驼峰法:helloWord camelCase lowerCamelCase
全局变量和常量是全部大写字母
(2).运算符(±
/=)前后需要加空格
(3).通常使用 4 个空格符号来缩进代码块:
(4).复杂语句:左花括号放在第一行的末尾 ·在做花括号前面加一个空格 ·右花括号放在单独的一行 ·不要用一个分号结束复杂声明
(5).对象规则:·做花括号和类名放在同一行 ·冒号和属性值之间有一个空格 ·字符串加双引号 ·最后一个属性-值对后面不要添加逗号 ·将右花括号独立放在一行,并以分号作为结束符号
(6).每行代码字符小于 80
24.JavaScript对象:
(1).JS对象的定义
在这里插入图片描述
(2)JS对象的属性
在这里插入图片描述(3).JS对象的方法
在这里插入图片描述
25.JS表单
在这里插入图片描述
26.JS验证API
在这里插入图片描述
絮絮🔪:
我回来了~参加了一个网页设计比赛enmmm…托更这么久其实也并没有学到什么,我可能不太适合这种长战线的比赛,觉得会打乱我的好多计划和安排
五月没有很多收获 吸取教训重新出发
最近在看数据结构说实话有些烧脑哈哈哈哈确认了代码是我写不出来的代码!


https://www.fengoutiyan.com/post/17568.html

相关文章:

  • 程序员用的笔记
  • JavaScript基础教程
  • js基础笔记
  • 菜鸟笔记app
  • c 菜鸟教程
  • 菜鸟定投笔记在线阅读
  • 菜鸟定投笔记
  • 菜鸟爬虫
  • 鏡像模式如何設置在哪,圖片鏡像操作
  • 什么軟件可以把圖片鏡像翻轉,C#圖片處理 解決左右鏡像相反(旋轉圖片)
  • 手機照片鏡像翻轉,C#圖像鏡像
  • 視頻鏡像翻轉軟件,python圖片鏡像翻轉_python中鏡像實現方法
  • 什么軟件可以把圖片鏡像翻轉,利用PS實現圖片的鏡像處理
  • 照片鏡像翻轉app,java實現圖片鏡像翻轉
  • 什么軟件可以把圖片鏡像翻轉,python圖片鏡像翻轉_python圖像處理之鏡像實現方法
  • matlab下載,matlab如何鏡像處理圖片,matlab實現圖像鏡像
  • 圖片鏡像翻轉,MATLAB:鏡像圖片
  • 鏡像翻轉圖片的軟件,圖像處理:實現圖片鏡像(基于python)
  • canvas可畫,JavaScript - canvas - 鏡像圖片
  • 圖片鏡像翻轉,UGUI優化:使用鏡像圖片
  • Codeforces,CodeForces 1253C
  • MySQL下載安裝,Mysql ERROR: 1253 解決方法
  • 勝利大逃亡英雄逃亡方案,HDU - 1253 勝利大逃亡 BFS
  • 大一c語言期末考試試題及答案匯總,電大計算機C語言1253,1253《C語言程序設計》電大期末精彩試題及其問題詳解
  • lu求解線性方程組,P1253 [yLOI2018] 扶蘇的問題 (線段樹)
  • c語言程序設計基礎題庫,1253號C語言程序設計試題,2016年1月試卷號1253C語言程序設計A.pdf
  • 信奧賽一本通官網,【信奧賽一本通】1253:抓住那頭牛(詳細代碼)
  • c語言程序設計1253,1253c語言程序設計a(2010年1月)
  • 勝利大逃亡英雄逃亡方案,BFS——1253 勝利大逃亡
  • 直流電壓測量模塊,IM1253B交直流電能計量模塊(艾銳達光電)
  • c語言程序設計第三版課后答案,【渝粵題庫】國家開放大學2021春1253C語言程序設計答案
  • 18轉換為二進制,1253. 將數字轉換為16進制
  • light-emitting diode,LightOJ-1253 Misere Nim
  • masterroyale魔改版,1253 Dungeon Master
  • codeformer官網中文版,codeforces.1253 B
  • c語言程序設計考研真題及答案,2020C語言程序設計1253,1253計算機科學與技術專業C語言程序設計A科目2020年09月國家開 放大學(中央廣播電視大學)
  • c語言程序設計基礎題庫,1253本科2016c語言程序設計試題,1253電大《C語言程序設計A》試題和答案200901
  • 肇事逃逸車輛無法聯系到車主怎么辦,1253尋找肇事司機