Javascript

最新推荐文章于 2024-10-22 17:37:15 发布

wanglulu12138

最新推荐文章于 2024-10-22 17:37:15 发布

阅读量164

点赞数

本文链接：https://blog.youkuaiyun.com/wanglulu12138/article/details/85851066

版权

Javascript（用在浏览器中，也可以作为后台开发语言，类似于java，简称js）

1.基本语法

Number（数字类型）包含整数，小数：-3，0，1.0

String（字符串类型）“字符串1 ” ‘字符串2 ’

Boolean（布尔类型）true false

Null 空值

undefined 未定义（声明了var变量，但没有赋初值时）

2.变量赋值

js是一种弱语言类型，任何变量类型都用var。

利用浏览器，用console.log()输出,相当于Java中的System.out.println()

3.基本用算

（1）没有除0异常，除零会出现正负无穷大(Infinity)

（2）如果进行了非法的数字运算，结果是 NaN (Not a Number)

（3）js中的== 比较的是值（不同类型的会转换后比较）如果既要保证值相等，也要保证类型相等



（4）条件判断中，使用各种类型的值

   对于数字类型 0 代表 false，非零代表 true   对于字符串 "" 代表 false，非空串代表 true

   null , undefined 代表 false

4.js中没有作用域块

5.复杂类型

（1）Object 对象类型格式：{属性名:属性值, 属性名:属性值 ...} 动态添加    修改属性删除属性





（2）数组类型（Array）格式：[值1, 值2, ... 值n] 拼接数组内的所有元素：



   遍历数组：修改元素：向尾部加入元素：（可以不安下标顺序加，以empty补全）



  向尾部添加元素 .push(元素)：从尾部删除元素 .pop()：   从中间的某个下标删除元素 splice(下标，个数);

6.函数类型语法：

function 函数名(参数列表) {
函数体
return 返回结果
}

注意：函数的参数是可变的, 形参和实参的个数可以不一致，实参多的参数没用上。获取到所有实际参数： arguments
函数内定义的 var 变量才是局部变量，函数外声明的var 都是全局变量。

数组遍历：   匿名函数：    箭头函数：



sort方法；排序。无参数的sort方法把数组内的数字当做字符串排序    有参数的：

7.日期类型（Date）现在时间2019-1-5 16：00：00 注意：月份Month范围是0~11

8.正则类型格式：var pattern = /正则表达式/;
匹配数字 [0-9] \d 匹配所有英文字符 [a-zA-Z] 匹配单词字符 [a-zA-Z0-9_] \w

匹配起始 ^ 匹配结束 $ 匹配次数 {m,n} 最少出现 m 次，最多出现 n 次 {m, } 最少出现 m 次, 没有上限

{0, } 0到多次 * {0,1} 0到1次 ? {1, } 1到多次 + 匹配任意 .

9.字符串

连接字符串：搜索某个字符：找子串：替换字符串：

10.js 操作 html 标签

（1）找到页面元素：先给标签一个id属性，然后根据id的值查找

格式：ocument (文档对象)
   |- html
   |- head
   |- body
|-p

根据id值查找页面标签：document.getElementById("id值");

  根据标签名称查找：document.getElementsByTagName("标签名");

根据选择器查找页面元素： document.querySelectorAll("选择器"); 其中选择器可以是 #id, .class, 元素, ...

（2）改动标签属性（先找到标签元素，把标签元素看做一个对象, 用`对象.属性`）

（3）改动标签内容：标签对象.innerText （按照普通文本的方式显示）

   标签对象.innerHTML（先按照html语法进行解析，解析后显示）

（4）添加事件：

1.找到标签.事件属性 = function() {}   onclick 鼠标单击事件    onmouseover 鼠标移入事件 onkeydown 按键按下事件

2.在标签中加οnclick="事件"。

  3 定时器方法：setTimeout(函数, 延时毫秒值);

4 常见事件：ondblclick 鼠标双击 onchange value取值发生改变时(主要指表单标签)

onmouseover 鼠标移入 onmouseout 鼠标移出 onfocus 获取焦点 onblur 失去焦点

onkeydown 按键按下 onkeyup 按键松开
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
            function func(){
                document.getElementById("img2").src="2.png";
            }
    </script>
</head>
<body>
    <img  id="img2" src="1.png" onclick="func()">
</body>
</html>