细说Javascript

本文详细介绍了JavaScript的引入方式、基本语法、变量、数据类型、运算符、类型转换、流程控制语句、函数及对象。重点讨论了Array和String对象的常用方法,以及事件监听和事件绑定。JavaScript作为网页行为的控制语言,对于网页交互至关重要。
摘要由CSDN通过智能技术生成

目录

JavaScript引入方式

书写语法

输出语句

变量

数据类型

运算符

类型转换

常用

  流程控制语句

函数(方法)

javascript对象

Array

常用方法

String

自定义对象

window对象

获取Element

事件监听

事件绑定

JavaScript是一门跨平台、面向对象的脚本语言,来控制网页行为的,它能使网页交互

w3c标准:网页主要由三部门组成

结构:Html

表现:CSS、

行为:JavaScript

JavaScript引入方式

1.内部脚本:将JS代码定义在HTML页面中

JavaScript代码必须位于<script>与</script>标签之间

<script>
    alert("hello JS");
</script>

提示:

·在HTML文档中可以在任意地方,放置任意数量的<script>

`一般把脚本置于<body>元素的底部,可改善显示速度,因为脚本执行会拖慢显示

2.外部脚本:将JS代码定义在外部JS文件中,然后引入到HTML页面中

·外部文件:demo.js

alert("hello JS");

·引入外部JS文件

<script src="../js/demo.js"></script>

注意:

·外部脚本不能包含<script>标签

·<script>标签不能自闭合

书写语法

注释:

·单行注释://注释内容

·多行注释:/*注释内容*/

大括号表示代码块

if(count==3){
    alert(count);
}

输出语句

使用window.alert()写入警告框

使用document.write()写入HTML输出

使用console.log()写入浏览器控制台

变量

JavaScript中用var关键字(variable的缩写)来声明变量

·JavaScript是一门弱类型的语言,变量可以存放不同类型的值

·变量的需要遵循的规则:

1.组成字符可以是任意字母、数字、下划线(_)或美元符号($)

2.数字不能开头

3.建议使用驼峰命名

let关键字定义变量,类似var,但是所声明的变量只能在let关键字所在的代码块有效,且不允许重复声明

const关键字用来声明一个只读的常量,一旦声明,常量的值就不能改变

数据类型

number:数字

string:字符、字符串、单双引号皆可

boolean:布尔。true,false

null:对象为空

undefined:当声明的变量末初始化时,该变量的默认值为undefined

使用typeof运算符可以获取数据类型

alert(typeof age); //弹出数据类型

运算符

==:1.判断类型是否一样,如果不一样,则进行类型转换

        2.再去比较其值

===:1.判断类型是否一样,如果不一样,则直接返回false

          2.再去比较其值

类型转换

·其他类型转换成number:

        1.string:按照字符的字面值,转为数字,如果字面值不是数字,则转为NaN,一般使用parseInt

        2.boolean:true转为1,false转为0

var str="20";
alert(parseInt(str)+1);

·其他类型转为boolean:

        1.number:0和NaN转为false,其他数字转为true

var flag=0;//3
if(flag){
    alert("转为true");
}else{
    alert("转为false");
}

        2.string:空字符串转为false,其他字符串转为true

var flag="abc";//""
if(flag){
    alert("转为true");
}else{
    alert("转为false");
}

3.null:转为false

4.undefined:

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值