Java Script基础

最新推荐文章于 2024-08-13 22:07:58 发布

Darcy_fx

最新推荐文章于 2024-08-13 22:07:58 发布

阅读量156

点赞数

文章标签： javascript java

本文链接：https://blog.csdn.net/Darcy_fx/article/details/113828136

版权

Java Script

概念

JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言，是动态类型、弱类型、基于原型继承的语言，它的解释器被称为JavaScript引擎，作为浏览器的一部分，广泛用于客户端的脚本语言，用来给HTML网页增加动态功能，作为开发Web页面的脚本语言。

Java Script组成

ECMAScript语法()
文档对象模型（DOM Document Object Model）()
浏览器对象模型(BOM Browser Object Model)()

Java Script基本语法

变量声明

在JavaScript中，任何变量都用var关键字来声明，var是variable的缩写,var是声明关键字，a是变量名，语句以分号结尾

var a = 1;

基本类型

变量的基本类型有Number、String、Boolean、Undefined、Null五种

1.声明一个数字Number类型

var a=1;

2.声明一个字符串String类型

var a="1";

3.声明一个布尔Boolean类型

var a=false;

注意：在JavaScript中，当一个变量未被初始化的时候，它的值为undefined

引用类型

var student={id:1,name:"张三",age:18};
document.write(student.id);
document.write(student.name);
document.write(student.age);

数组类型

var students = [
    {id: 1,name: "张三",age: 18},
    {id: 2,name: "李四",age: 18},
    {id: 3,name: "王五",age: 19}
];
document.write(students[0].id);
document.write(students[0].name);
document.write(students[0].age);
document.write("<br>");//换行
document.write(students[1].id);
document.write(students[1].name);
document.write(students[1].age);
document.write("<br>");
document.write(students[2].id);
document.write(students[2].name);
document.write(students[2].age);

运算符

1.逻辑运算

&& ：与要求表达式左右两边的表达式同为true，整体结果才为true

| | ：或要求表达式左右两边的表达式只要有一个为true，整体结果就为true

！：非将布尔值取反操作

2.关系运算

等于 ==

小于 <

小于等于 <=

大于 >

大于或等于 >=

不等于 !=

值和类型相同 ===

var a=1;
var b=2;
a==a   //true
a==b //false
a<b //false
a<=b //false
a>b //true
a>=b //true
a!=b //true
a===b //false

//===比较两个引用，==比较两个值，比较两个值的时候，不考虑数据类型
//1=="1"  //true

条件分支结构

if-else分支

var a=1;
var b=1;
if(a==b){
    document.write("相等");
}else{
    document.write("不相等");
}

switch分支

var a=2;
switch(a){
  case 1:
    document.write("值为1");
    break;
  case 2:
    document.write("值为2");
    break;
  case 3:
    document.write("值为3");
    break;
  default:
     document.write("值不是3也不是2也不是1");
}

循环结构

for循环

求1~100的值

var a=0;
for(var i=1;i<=100;i++){
    a+=i;
}
document.write(a);

while循环

求1~100的值

var a=0;
var i=1;
while(i<=100){
   a+=i;
   i++;
}
document.write(a);

do-while循环

求1~100的值

var a=0;
var i=1;
do{
    a+=i;
  	i++;
}while(i<=100);
document.write(a);

函数
用function关键字来声明，后面是方法名字，参数列表里不写var。整个方法不写返回值类型

//关键字   方法名       参数
function functionName(parameters){
    //执行的代码
}

常见弹窗函数

alert弹框：这是一个只能点击确定按钮的弹窗

confirm弹框：这是一个你可以点击确定或者取消的弹窗

prompt弹框：这是一个你可以输入文本内容的弹窗

事件

onchange：HTML 元素内容改变
onclick：用户点击 HTML 元素
onmouseover：用户将鼠标移入一个HTML元素中
onmousemove：用户在一个HTML元素上移动鼠标
onmouseout：用户从一个HTML元素上移开鼠标
onkeyup：键盘
onkeydown：用户按下键盘按键
onload：浏览器已完成页面的加载
onsubmit：表单提交

案例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			function upColor(){
				
				var div = document.getElementsByTagName("div")[0];
				
				div.style.backgroundColor=Color();
			}
			function Color(){
				
				var num1=Math.round(Math.random()*255);
				var num2=Math.round(Math.random()*255);
				var num3=Math.round(Math.random()*255);
				return "rgb("+num1+","+num2+","+num3+")";
			}
			
		</script>
	</head>
	<body>
		<div style="width: 500px; height: 500px; background-color: aqua;" onmousemove="upColor()" ></div>
	</body>
</html>

案例效果

在这里插入图片描述

Darcy_fx

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Java Script基础

Java Script概念Java Script组成Java Script基本语法案例案例效果概念JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言，是动态类型、弱类型、基于原型继承的语言，它的解释器被称为JavaScript引擎，作为浏览器的一部分，广泛用于客户端的脚本语言，用来给HTML网页增加动态功能，作为开发Web页面的脚本语言。Java Script组成ECMAScript语法()文档对象模型（DOM Document Object M
复制链接

扫一扫