JavaScript

JS概述

​ javaScript简称JS,是一门运行在客户端浏览器的脚本语言(无法独立运行的程序设计语言);是一门直译型语言(不需要编译),是一门客户端语言;
​ Javascript同时也是一门弱类型的程序语句,以及基于事件驱动的语言。
简单来说:JavaScript就是用来将静态页面变成动态页面,JS的脚本语言可以让一个页面拥有很多功能

关于强类型和弱类型:
java:

int i = 10;
String s = "java"
User u = new User();    

i = true; //编译错误

注意:java中任何变变量再使用前需要声明其数据类型,任何的变量一旦确定其类型,则只能赋予对应类型的值,运行期间不能修改为其他类型的数据,因此Java是一门强类型语言,即不是一门动态语言

**javascript:

i = 10;

i = "js"
i = true;
i = new Array();

//variable变量
var j = 100;
var b = true;
var s = 3.14;
var str = "javascript";

javascript由于没有编译的过程,因此任何变量的数据类型确定是在运行期间动态绑定,并且还能再运行时修改其数据类型,因此,javascript是一门弱类型语言,即动态语言。
通过以上案例不难看出:java是一门服务端语言(经过编译后,直接执行)
javascript是一门客户端语言(不要编译,运行期间动态绑定,效率相对较低,不适合进行服务器开发)
所以JavaScript适合用来写脚本

JS使用场景

  • javascript一般用于对网页特效以及表单验证等涉及到网页动态效果的功能,例如:

  • 下拉菜单

  • 回到顶部

  • 楼层导航

  • 轮播图

  • 表单验证

在HTML页面中,javascript一般位于一对script标签中

  • 注意:

<script>标签可以在html的任意位置进行编写,常见的区域主要出现在以下两个位置

  • head标签对之间
  • body标签结尾处(推荐)

常见引入方式

1.直接在html页面中使用内联<script>标签编写

<html>
    <head>
    </head>
    <body>
        <script>
            .....
        </script>        
    </body>
</html>

2.引入外部的脚本文件(js文件)

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

3.直接在html元素中使用内嵌的方式使用

<a href="javascript:alert('老铁666!!')">双击666</a>

在JavaScript中也存在数据类型

  • 数值型(包含浮点型)
  • 字符串型
  • 布尔型
  • 数组
  • 对象
  • null
  • undefined
    数值类型(number)
    javascript中对于任何的数值都是使用的number的数据类型表示,没有所谓浮点型和整型之分:
var i = 10;
console.log(typeof i);//number
var f = 3.14
console.log(typeof f);//number
//typeof是一个js中的一个运算符,判断指定变量是什么类型

字符串类型(string)
javascript中对于所有的字符字符串统一使用string来表示,即没有字符和字符串之分,在js中可以使用单引号或者双引号表示字符串类型:

var s = "中";
s = '中国';
console.log(typeof s);//string

布尔类型(boolean)
javascript中也存在boolean类型,取值也只能是true和false,但是js中可以将任何的变量转换为boolean类型

var b = false;
console.log(typeof b); //boolean
var a = 0;
console.log(new Boolean(a));//false

对象类型(object)
javascript中的对象有多种存在形式,其中一种比较常见的显示方式为类Java中map结构(键值对),在js中称之为json对象

//对象(JSON对象)
//java: People p = new People()
var p = {
    id:1,
    name:"张麻子",
    sex:"男",
    age:18,
    marry:false,
    group:{
        gid:1001,
        name:"vip1"
    },
    fun:['java','c','php','python']
};
console.log(typeof p);
console.log(p.name);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值