javascript的快速入门

用<script>标签来包裹

<script> //....
<script>

导入外部js文件

导入后可以使用js中的方法和变量

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

变量的定义

基本变量的类型：number、字符串类型、布尔值类型

        /*number常量*/var age=20;var number=3.14;var number2=-5;var number3=NaN;/*字符串常量 单引号或者双引号包裹*/var email="1740046225@qq.com";var name='ztx';var msg =`helloworld你好呀nihao`;/*布尔类型*/var istrue=true;var isfalse=false;

引用变量的类型

        /*数组类型和多维数组*/var arr=[1,2,"hello",true];let array = new Array(1,2,"hello");var arrs=[[1,2],[3,4]]/*数组取值*///通过元素索引下标let number1 = arr.indexOf(1);//通过下标索引元素let arrElement = arr[0];//arr.sort()排序//reverse()元素反转/*定义对象类型并取值*/var person={name:"小曾",age:20,sex:"男",hobby:["篮球","lol"]}var personmsg=`name,${person.name} 爱好是 ${person.hobby}`console.log(personmsg)/*map类型*/var map=new Map([['大学','湖南某大学'],[12,34],['ztx','180370040']])//map.set(key,value)方法来添加值//map.delete(key)来删除值/*set类型 只能存储不一样的元素*/var set=new Set([1,1,2,3]);console.log(set)

if-else

        if(age>18&&age<22){console.log("读大学ing.....")}else if (age<18){console.log("未成年")}else {console.log("参加工作")}

while循环

        /*while循环*/while (age<25){console.log(age);age++;}

for循环

        /*for循环*/for (let i = 0; i <10 ; i++) {console.log(i);}

forEach方法 for-in方法

        /*forEach*/arr.forEach(function (value){console.log(value);})for (const index in arr) {console.log(index);console.log(arr[index])}for (const key in person) {console.log(person[key])}

函数方法的定义

         /*** 定义函数方法* var 方法名=function（）{**     方法体* }*/        var fun1=function (a,b){return a+b;}var fun2=function (){console.log("方法执行完毕")}fun2();

JavaScript中Date类及其方法

JSON

        /*JSON*/var  user={name:"ztx",age:23,sex:"男"}var string2json =JSON.stringify(user);var json2string =JSON.parse(string2json);console.log(string2json);console.log(json2string);/***    JSON字符串 此时的JSON对象已经变成一个字符串{"name":"ztx","age":23,"sex":"男"}JS对象 此时的JS对象还是可以展开的状态{name: "ztx", age: 23, sex: "男"}age: 23name: "ztx"sex: "男"*/

JavaScript中面向对象的思想

封装继承多态

<script>//定义一个学生的类class Student{constructor(name){this.name = name;}hello(){alert('hello');}
}class XiaoStudent extends Student{constructor(name,grade){super(name);this.grade = grade;}myGrade(){alert('我是一名小学生');}}var xiaoming = new Student("xiaoming");var xiaohong = new XiaoStudent("xiaohong",1);
</script>

Javaweb-javascript相关推荐

JavaWeb --- JavaScript
一.JavaScript介绍 JavaScript语言诞生主要是完成页面的数据验证.因此它运行在客户端,需要运行浏览器来解析执行JavaScript代码.JS是Netcape网景公司的产品,最早取名为 ...
基于JavaWeb JavaScript的根据时间段的不同，在网页中显示不同的问候语
题目: 根据时间段的不同,在网页中显示不同的问候语,若小时数在12点以前,则输出"早上好!"的问候语,颜色为蓝色:若在12点至18点,则输出"下午好!"颜色为红 ...
JAVAWEB JavaScript 正则表达式
1.RegExp对象:描述字符串模式的对象正则表达式(英语:Regular Expression,在代码中常简写为regex.regexp或RE)用于对字符串模式匹配以及检索替换,是对字符串执行模式 ...
JavaWeb——JavaScript基础（三）
目录一.javascript的简介二.js和html的结合方式(两种) 三.js的原始类型和声明变量四.js的语句五.js的运算符六.实现99乘法表(输出到页面上) 七.js的数组八.js ...
JavaWeb——JavaScript精讲之ECMAScript标准（基本语法、JavaScript对象）
目录 1.JavaScript概述 2.ECMAScript客户端脚本语言标准 2.1.基本语法 2.2.JavaScript对象 1.JavaScript概述 JavaScript不同于HTML.C ...
JavaWeb JavaScript
1. JavaScript 介绍 Javascript 语言诞生主要是完成页面的数据验证.因此它运行在客户端,需要运行浏览器来解析执行 JavaScript 代码. J ...
JavaWeb=JavaScript高级
DOM是一个使程序和脚本有能力动态地访问和更新文档的内容.结构以及样式的平台和语言中立的接口.,而BOM定义了JavaScript可以进行操作的浏览器的各个功能部件的接口. javascript 有三 ...
JavaScript中的数组方法和循环
1.基本概念 JavaScript 数组用于在单一变量中存储多个值.是一个具有相同数据类型的一个或多个值的集合 2.创建数组的三种方法 (1)使用JavaScript关键词 new 一个Array对象 ...
jQuery插件autoComplete介绍(10级学员张帅鹏总结)
jQuery插件autoComplete介绍概述:AutoComplete为自动填充,展示之意.用户在使用文本框搜索信息时,使用插件的autoplete方法绑定文本框.当在文本框中输入某个字符时,通 ...
JavaScriptBOM、数据交互JSON、表单验证
Java学习打卡:第88天 javaWeb - Javascript收尾和JSP以及制作内容导航获取文本框的value 获取下拉列表选中项的value change事件显示网页时钟 setine ...

Javaweb-javascript

javascript的快速入门

导入外部js文件

变量的定义

if-else

while循环

for循环

forEach方法 for-in方法

函数方法的定义

JSON

Javaweb-javascript相关推荐

最新文章

热门文章