JavaScript基础

一、认识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

域的内容被改变

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值