JavaScript基础知识

最新推荐文章于 2022-12-01 15:00:38 发布

啊侠

最新推荐文章于 2022-12-01 15:00:38 发布

阅读量81

点赞数

分类专栏： Java学习文章标签： JavaScript

本文链接：https://blog.csdn.net/weixin_44821160/article/details/93388440

版权

Java学习专栏收录该内容

35 篇文章 0 订阅

订阅专栏

JavaScript基础知识

JavaScript介绍

JavaScript是一种基于对象和事件驱动的 , 并具有安全性能的脚本语言
JavaScript的特点：
1. 向HTML页面中添加交互行为；
2. 脚本语言 , 语法和Java类似；
3. 解析型语言 , 边执行边解释。
JavaScript组成：DOM、BOM、ECMAscript。

JS基本结构

语法：建立script标签，在标签里定义JavaScript语句。
```
<script>
    
</script>
```
网页中用缺省type=“text/Javascript”，这种写法是正确的，因为HTML5中可省略type属性，HTML5默认为text/Javascript。

script标签可以定义在文档中的任何位置，一般放在头部或尾部。

JS的应用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>初学JS</title>

    <script>
        <!--JavaScript语句-->
        document.write("初学JS");
        document.write("<h1>hello JavaScript！！</h1>");
    </script>

</head>
<body>

</body>
</html>

script标签中一句命令结束时可以不写；，但是为了在网页查看状态下方便查看，尽量加上。

网页中引入JS的方式

使用script标签，具体方法就是上面的代码；

外部JS文件（推荐使用）：

<script src="export.js"  type="text/javascript"></script>

直接在HTML标签中：

<input name="btn" type="button" value="弹出消息框"
       onclick="javascript:alert('欢迎你');"/>

JavaScript的核心语法

核心语法有：

变量：var-用于声明变量的关键字
1.先声明变量再赋值
```
var i;
i=5;
```
2.同时声明和赋值变量
```
var myName= "啊侠";
var x, y, z = 10;
```
3.不声明直接赋值。（变量可以不经声明而直接使用，但
这种方法很容易出错，也很难查找
排错，不推荐使用）
```
z = 10;
```
数据类型：
1. undefined：当生命的变量没有初始值，将被赋予值undefined。
2. null：表示一个空值，于undefined的值相同。
3. number：分为整数和小数。
4. boolean：true和false。
5. string：一组被引号括起来的文本
  如：var string1=“This is a string”。
typeof运算符
1. typeof检测变量的返回值。
2. typeof的返回值有：
  1. undefined:变量被声明后,但未被赋值；
  2. string:用单引号或双引号来声明的字符串；
  3. boolean:true或false；
  4. number:整数或浮点数；
  5. object:javaScript中的对象 , 数组 , 或null

string对象

属性：

var str="Oh is JavaScript";
var strLength=str.length;

方法：

方法名称	说明
charAt(index)	返回在指定位置的字符
indexOf(str，index)	查找某个指定的字符串在字符串中首次出现的位置
substring(index1，index2)	返回位于指定索引index1和index2之间的字符串，[index1,index2
split(str)	将字符串分割为字符串数组

数组

创建数组：
```
var arr = new Array(10);
```

为数组元素赋值：

var fruit = new Array(4);
fruit [0] = " apple ";
fruit [1] = " orange ";
fruit [2] = " peach ";
fruit [3] = " banana ";

数常用方法：

类别	名称	描述
属性	length	设置或返回数组中元素的数目
方法	join()	把数组的所有元素放入一个字符串，通过一个分隔符进行分隔
方法	sort()	对数组排序
方法	push()	向数组末尾添加一个或更多元素，并返回新的长度

运算符

类型运算符表示方法
算数运算符 + - * / % ++ –
赋值运算符 = += -=
比较运算符 > < >= <= == != === !==
逻辑运算符 && || !
注意 : 不同类型间比较，==之比较“转化成同一类型后的值”看“值”是否相等，===如果类型不同，其结果就是不等。
逻辑控制语句
1. if条件语句
2. swish语句
3. for、while循环语句
4. for in

类型	运算符表示方法
算数运算符	+ - * / % ++ –
赋值运算符	= += -=
比较运算符	> < >= <= == != === !==
逻辑运算符	&& \|\| !

中断循环

break

continue

<script>
    for (var i=0;i>10;i++){
        if(i===3){
            continue;
        }
        console.log("这个数是"+i);
    } 
</script>

JavaScript中的注释：
1. 单行注释以 // 开始，以行末结束；
2. 多行注释以 /* 开始，以 / 结束，符号/…… */ 指示中间的语句是该程序中的注释。

JavaScript的语法约定

代码区分大小写
变量 , 对象和函数的名称
JavaScript的关键字小写
内置对象大写字母开头
对象名称通常开头是小写
函数的命名规则和Java的方法命名规则相同

弹窗提示

alert()；

<script>
    alert("提示信息");
</script>

prompt()；

prompt("提示信息", "输入框的默认信息");
prompt("请输入你喜欢的颜色","红色");
prompt("请输入你喜欢的颜色","");

函数

函数的含义 : 类似于Java中的方法 , 是完成特定任务的代码语句块
使用更简单 : 不用定义属于某个类 , 直接使用
函数分类 : 系统函数和自定义函数

常用系统函数

parseInt (“字符串”)

将字符串转换为整型数字；如: parseInt (“86”)将字符串“86“转换为整型值86。
parseFloat(“字符串”)

将字符串转换为浮点型数字；如: parseFloat(“34.45”)将字符串“34.45“转换为浮点值34.45
isNaN()

用于检查其参数是否是非数字。

自定义函数

定义函数

function 函数名(参数){JavaScript语}
调用函数

函数调用一般和表单元素的事件一起使用 , 调用格式 :

事件名＝ “函数名( )” ;
全局变量：定义在全局的变量；局部变量：定义在函数中的变量。

事件

名称	说明
onload	一个页面或一幅图像完成加载
onlick	鼠标单击某个对象
onmouseover	鼠标指导移到某元素上
onkeydown	某个键盘按键被按下
onchange	域的内容被改变

啊侠

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript基础知识

JavaScript基础知识JavaScript介绍JavaScript是一种基于对象和事件驱动的 , 并具有安全性能的脚本语言JavaScript的特点：向HTML页面中添加交互行为；脚本语言 , 语法和Java类似；解析型语言 , 边执行边解释。JavaScript组成：DOM、BOM、ECMAscript。JS基本结构语法：建立script标签，在标签里定义J...
复制链接

扫一扫