Javascript基本内容

最新推荐文章于 2024-06-14 20:39:31 发布

佩大奇

最新推荐文章于 2024-06-14 20:39:31 发布

阅读量2.2k

点赞数 2

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/m0_68373541/article/details/123654371

版权

2.一元运算符：只有一个运算数的运算符 e.g:a++ 、+3

3.二元运算符：a+b

4.三元运算符：?：、表达式：简化if...else:

5.算术运算符：+、-、*、/、%...

6.赋值运算符：=、+=、*=、/=

7.比较与运算符：>、<、>=、<=、==、===(全等于）：例子：

一、基本语法

1.与html结合方式：

1.内部js:可以写在html的任意位

2.外部js：用src加载外部js文件

注意：<script>标签在一个html页面内可以定义多个。

2.注释

3.数据类型

1.原始数据类型（基本数据类型）

2.引用数据类型：对象

4.变量

例子：

5.运算符

1.typeof(变量名）：查看变量类型

2.一元运算符：只有一个运算数的运算符 e.g:a++ 、+3

3.二元运算符：a+b

4.三元运算符：?：、表达式：简化if...else:

5.算术运算符：+、-、*、/、%...

6.赋值运算符：=、+=、*=、/=

7.比较与运算符：>、<、>=、<=、==、===(全等于）：
例子：

8.逻辑运算符：&&、||、！

1.&&：与（短路）：如果左边你能得出答案是true，则就不进行右边表达式的判断，直接真个表达是就是true，不管右边是false还是什么都不进行判断。

2. || ：或（短路）：与上同理，不过这里是false

3.其他类型转boolean:

6.流程控制语句

例子：

7.特殊语法

二、基本对象

1.function:函数（方法）对象

2.Array:数组对象

1.创建：3种方法，如果只有一个参数，那么就是代表数组的长度

2.特点：
1.js中，数组元素的类型是可变的
2.js中，数组的长度是可变的，没有赋值的arr[i]显示undefined

3.方法：
1.join(参数）：将数组中的元素按照指定的分隔符拼接成字符串

结果：

2.push(要添加元素值):向数组中添加元素
3.pop(要抛出数组中的元素的下标）：弹出数组中的元素

3.Date对象

1.创建：var date=new Date(); //显示当前日期

结果：

2.方法
1.toLocaleString():返回当前date对象对应的时间本地字符串格式

结果：

2.getTimme(）：获取毫秒值，返回当前如期对象描述的时间到1970年1月1日零点的毫秒时差

4.Math：数学对象

1.创建：
*特点：math对象不需要创建直接调用即可
2.方法：

1.属性圆周率PI

2.random() :返回0.0~1.0之间的随机数：[0，1）
3.ceil(x) :对数进行上舍入（向上取整）
4.floor(x) ：对数进行下舍入（向下取整）
5.round(x) : 把数四舍五入为接近的整数

例子：

5.RegExp:正则表达式对象

         1.正则表达式：定义字符串的组成规则。
1.单个字符：[]
如：[a] [ab] [a-zA-z0-9_]
*特殊符号代表特殊含义的单个字符：
\d:单个数字字符[0-9]
\w:单个单词字符[a-za-z0-9_]
2.量词符号：
？：表示出现0次或1次
*：表示出现0次或多次
                         +：表示出现1次或多次
{m,n} :表示m<=数量 <=n
* m如果缺省：{,n}:最多n次
* n如果缺少：{m,}：最少m次
3.开始结束符号：
* ^：开始
* $:结束
2.正则表达式对象：
1.创建：推荐使用第二种

2.方法
1.test(参数）：验证指定的字符串是否符合正则定义的规范
注意：只要是符合正则定义规则，就返回true
解释下面图：reg2正则对象是由单个单词字符组成的字符串，而且长度最小是6，最大是12，如果username也是reg2正则定义的规则，就是如果不是由单个单词字符组成的字符串或者是长度小于6或者大于6，那么就代表了username违法了reg2的正则规范，那么就返回false，否则false。
用途：表单校验依赖于正则表达式，可以使用test来判断用户填写的信息是否符合你定义的规则，如果不是则返回false.

6. Global

1.特点：全局对象，这个Global中封装的方法不需要对象就可以直接调用。
调用方法：方法名();
2.方法：

例子：

三、事件

1.概念：某些组件被执行了某些操作后，触发某些代码的执行

2.事件：某些操作，如：单击、双击、键盘按下、鼠标移动

3.事件源：组件。如：按钮、文本输入框

4.注册监听器：将事件、事件源、监听器结合在一起。当事件源上发生了某个事件，则触发执行某个监听器的代码。
6.常见的事件：
1.点击事件：
1.onclick:单击事件
2.ondbclick:双击事件
        2.焦点事件：
1.onblur:失去焦点
2.onfocus:元素获得焦点
3.加载事件：
1.onload:一张页面或一幅图像完成加载
         4.鼠标事件：
1.onmousedown:鼠标按钮被按下
2.onmouseup:鼠标按键被松开
3.onmousemove:鼠标被移动
4.onmouseover:鼠标移到某元素之上
5.onmouseout:鼠标从某元素移开
         5.键盘事件：
1.onkeydown:某个键盘按键被按下
2.onkeyup:某个按键被松开
3.onkeypress:某个键盘按键被按下并松开
6.选择和改变：
1.onchange:域的内容被改变
2.onselect:文本被选中
7.表单事件：
1.onsubmit:确认按钮被点击
2.onreset:重置按钮被点击

例子：
1.失去焦点事件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>常见事件</title>
</head>
<body>
<input id="username">

//注意：是按代码顺序执行的，因此先执行文本框在失去焦点时可以的
//注意：只要获得焦点后才能失去焦点

<script>
      document.getElementById("username").onblur=function(){
           alert("失去焦点了....");
        }
</script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>常见事件</title>
</head>


<script>
      document.getElementById("username").onblur=function(){
           alert("失去焦点了....");
        }

</script>

<body>


//注意：是按代码顺序执行的，因此这里先执行了js,后执行body里面的文本框，这样时获取不到id="username"的，会报错。
//注意：只要获得焦点后才能失去焦点


<input id="username">
</body>
</html>

2.事件用法：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>常见事件</title>
</head>

<body>

<form action="#"  id="form" >
<form action="#" onclick="return CheckForm()"> //第二种表单事件方法

//注意：是按代码顺序执行的，因此这里先执行了js,后执行body里面的文本框，这样时获取不到id="username"