JavaScript基础

最新推荐文章于 2024-12-17 19:22:27 发布

海山的蓝

最新推荐文章于 2024-12-17 19:22:27 发布

阅读量332

点赞数

分类专栏： JavaScript 文章标签： JavaScript的基础语法

本文链接：https://blog.youkuaiyun.com/JAVA52Lin/article/details/84958041

版权

JavaScript 专栏收录该内容

3 篇文章

订阅专栏

一、认识JavaScript

1、什么是JavaScript？

javaScript是一种基于对象和事件驱动，具有安全性的脚步语言。

2、JavaScript特点

向HTML中加入交互行为
脚步语言，语法和java类似，是弱语言
解释时语言，边执行边解释。

3、JavaScript语法基本结构

<script type="text/javascript">
    
     //JavaScript 语句;
   
</script >

4、网页中使用JavaScript的方式

内部引用

<script type="type/text/javascript">
    //内部使用，直接写在html代码里面
<script/>

外部引用

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

行内使用

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

注释：onclick是鼠标点击事件，alert是弹窗提示，无返回值。

5、JavaScript组成

ECMAScript：语法规范
DOM:文档对象模型
BOM:浏览器对象模型

6、JavaScript中的语法

变量：可以先声明变量再赋值，也可以同时声明和赋值，也能不赋值直接使用，但不推荐！！！

var  num;        //声明
num=5;           //赋值
var  str="字符串";    //边声明边赋值
var a,b,c=1；    //声明多个变量，一起赋值

数据类型：

undefined：如果声明变量没有赋值，就会使用这个默认初始值。
null: 表示一个空值，与undefined相等，但是这个是Object类型。
number:数字类型，包括整数和浮点数。
boolean：布尔值。true和false。
string：字符型，可以单引/双引号。
Object:对象

typeof检测变量的返回值，可以判断变量的数据类型。

string对象：属性length，返回字符串的长度。

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

数组：

var num=new Array(5);

注释：num是数组名，new Array是声明数组的关键字，（）是声明的长度


var str=[4,34,65,23,9];

注释：声明数组的另一种方式，访问数组下标从0开始

数组常用属性和方法：

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

运算符号：

类型	运算符
算术运算符	+ - * / % ++ —
赋值运算符	= += -=
比较运算符	> < >= <= == != === !==
逻辑运算符	&& \|\| !

逻辑控制语句：

if条件语句，stitch多分支语句，for，while循环，for-in循环，break,continue，return.

注释：

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

7、常用的弹窗

alter()：警告窗，确认用户得到某些值，无返回值
prompt()：提示窗，提示用户在进入页面前输入某各个值
confirm():验证是否接受用户操作

8、程序调试：

Chrome调试，altert（）方法

二、函数

1、函数是什么？

类似于Java中的方法，是完成特定任务的代码语句块。

2、特点：类似于Java中的方法，是完成特定任务的代码语句块。

3、函数分类：

系统函数和自定义函数

常用的系统函数：

parseInt("89"):将字符串转换成数字

parseFloat("34.5"):将字符串转换成浮点数

isNaN()：用来检查参数是否是非数字。

注意：如果是数字返回false，不是数字返回true.

自定义函数：

function showInfo(){

    //JavaScript语句

}

注释：function是定义函数的语法，showInfo是声明函数。

调用语法：事件名=“函数名”；

4、变量的作用域

<body onload="second()">
    var i=20;    //全局变量，作用域最大
    function first( ){
        var i=5;    //局部变量，优先级最高
        for(var j=0;j<i;j++){
            document.write("&nbsp;&nbsp;&nbsp;&nbsp;"+j);
        }
    }
    function second( ){
        var t=prompt("输入一个数","")
        if(t>i)
            document.write(t);
        else
            document.write(i);
        first( );
    }

5、常用事件

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