javascript学习笔记（一）

落日映苍穹つ 2022-02-15 01:37 233阅读 0赞

# js笔记   一 js是什么！ #

JavaScript 是一种基于对象和事件驱动并具有相对安全性 的客户端脚本语言。同时也是一种广泛用于客户端 Web 开发的 脚本语言，常用来给 HTML 网页添加动态功能，比如响应用户的 各种操作。  
常见的JavaScript编辑工具有 Hbulider Dreamweaver Visual Studio， Sublime；  
万事万物都是对象 对象中的三大要素/三大特征: 属性: 用来描述一个对象的外观特征表现. 方法(主动行为): 对象自己本身所具备的能力. 事件(被动行为): 对象自己接受到一种指令需要完成的一 种行为.  
js是一种脚本语言，也是一种弱类型语言

## 2.前端三大结构 ##

HTML：页面结构  
 CSS：页面表现：元素大小、颜色、位置、隐藏或显示、部 分动画效果 JavaScript：页面行为：部分动画效果、页面与用户的交 互、页面功能

# 二.javascript基础 #

##    1 javascript嵌入页面的三种方式 ##

行间事件（主要用于事件）<input type="button" name="" οnclick="alert('ok！');">  
页面 script 标签嵌入 <script type="text/javascript"> var a = ' 你 好 ！'; alert(a); </script>  
 外部引入 <script type="text/javascript" src="js/index.js"></script>

## 2.javascript变量. ##

JavaScript是一种弱类型语言，JavaScript变量的类型由他所定义的值来决定，定义变量需要关键字var  
var 在定义变量的同事可以用逗号隔开，公用一个var关键字  
变量的命名规则：驼峰命名规则：getElementById/matherAndFather/aaaOrBbbAndCcc  
遵从规则：  
变量命名必须以字母或是下标符号”\_”或者”$”为开头。  
变量名长度不能超过 255 个字符。 变量名中不允许使用空格，首个字不能为数字。 不用使用脚本语言中保留的关键字及保留符号作为变量名。 变量名区分大小写。(javascript 是区分大小写的语言) 汉语可以作为变量名。但是不建议使用！！！（low） 变量、函数、属性、函数参数命名规范： 区分大小写 第一个字符必须是字母、下划线（\_）或者美元符号（$） 其他字符可以是字母、下划线、美元符或数字

## 3.JavaScript数据类型及其转换； ##

### （1）基本数据类型 ###

数字型（number型）字符串型（string型）布尔型（boolen）  
a.数字型（在JavaScript中所有的数据都是用浮点数表示）  
b.字符串（字符串是由Unicode字符、数字、标点符号等组成的序列，它是 JavaScript用来表示文本的数据类型。程序中的字符串型数据是包含在单 引号或双引号中的，由单引号定界的字符串中可以含有双引号，由双引号 定界的字符串中也可以含有单引号。）  
c.布尔型 （数值型和浮点型的数据值都有无穷多个，但是布尔型数据类型只有2 个：真（true）和假（false）。0可以看作false，1可以看做true

### （2）特殊的数据类型 ###

a.null型（空值）JavaScript中的关键字null是一个特殊的值，它表示空值，系统没 有给它分配内存空间  
b. 未定义值（undefined型）

### （3）.转义字符 ###

\\b退格\\n换行\\ttab符号\\f换页\\' 单引号\\"双引号\\\\反斜杠 \\v跳格 \\ooo 八进制数 \\xHH十六进制数 \\uhhh十六进制Unicode字符

### （4）数据类型的转换 ###

a.字符串转换为数值型parseInt（）//将字符串型转换为整型  parseFloat（）//将字符串化为浮点型  
b.数值型转换为字符串型  将数值型数据转换为字符串使用tostring（）方法

## 4.javascript中的运算符及表达式 ##

### （1）运算符 ###

a.算术运算符 + - \* / % ++ --；  
b.比较运算符 < > <= >= == !=;  
c.赋值运算符 = += -= \*=  /= %= &=（逻辑与运算） |=逻辑或  ^=逻辑异或；  
d.逻辑运算符 && || !;  
e.条件运算符？ true：flase；flase;

### (2) typeof() ###

在JavaScript中，typeof运算符用于返回它的操作数当前所容纳的 数据的类型  
5.javascript 中的流程语句  
a.顺序结构 顺序结构是JavaScript中最基本的结构，说白了就是按照从上到 下、从左到右的顺序执行。  
b.选择机构  if  if else  if else if  switch；  
c.循环结构  while  do while   for；  
跳转语句 continue  break  return

# 三  获取元素的方法 #

可以使用内置对象 document 上的 getElementById 方法来获取页面上设 置了 id 属性的元素，获取到的是一个 html 对象，然后将它赋值给一个变量.  
操作元素属性：    1、“.” 操作  
        2、“\[ \]”操作  
操作属性的方法  
1、“.” 操作 2、“\[ \]”操作 属性的写法  
1、html 的属性和 js 里面属性写法一样  
 2、“class” 属性写成 “className”  
3、“style” 属性里面的属性，有横杠的改成驼峰式，比如：“font-size”，改 成”style.fontSize”  
 通过“.”操作属性：  
通过“\[ \]”操作属性