Web前端学习(三)—JavaScrpit基础用法

最新推荐文章于 2022-08-07 16:16:44 发布

凉拌豆腐干

最新推荐文章于 2022-08-07 16:16:44 发布

阅读量681

点赞数

分类专栏： web前端文章标签： javascript js

本文链接：https://blog.csdn.net/taochaocaj/article/details/103862857

版权

web前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

JavaScrpit基础用法

介绍

JavaScript一种直译式脚本语言，是一种动态类型、弱类
型、基于原型的语言，内置支持类型。它的解释器被称为
JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语
言，最早是在HTML（标准通用标记语言下的一个应用）网页上
使用，用来给HTML网页增加动态功能。

JavaScript的引入方式

内嵌式

<script type="text/javascript">
// js代码
</script>

外部式

<script type="text/javascript" src="myjs.js"></script>

JavaScript注释

// 单行注释
/*
多行注释
*/

Js变量

//数字：
var numberObject = 1;
//字符串：
var stringObject = "1";
//布尔：
var booleanObject = true;
//空：
var nullObject = null;
//未定义：
var undefinedObject = undefined;
//对象
var jsObject = Object;

Js对话框

alert('对话框内容')

算术运算符

//加+
x=1+1  //结果 x=2
//减-
x=1-1 //结果 x=0
//乘*
x=1*1 //结果 x=1
//除/
x=2/1 //结果 x=2
//取余 %
x=5%2 //结果 x=1
//叠加++
x=1
x=x++ //结果 x=2
//叠减--
x=2
x=x-- //结果x=1

赋值运算符

//初始值x=5
// =
x=5
// +=
x+=2 //结果x=7
//-=
x-=2 //结果x=3
//*=
x*=2 //结果x=10
///=
x/=2 //结果 x=2.5
//%=
x%=2 //结果 x=1

比较运算符

// ==  值相等
1==1   //结果ture
"1" == 1 //结果ture
// === 类型和值都相等
1===1 //结果ture
"1" === 1 //结果false
// != 不等于
1 != 2  //结果ture
// > 大于
1>2 //结果 flase
// < 小于
1<2 //结果ture
// >= 大于等于
1>=2 //结果false
// <= 小于等于
1<=2 //结果true

逻辑运算符

// & 与
true & false //返回false
// && 短路与
true && false //返回false
/*
& :如果第一个条件不满足，则需要判断第2个条件
&& : 如果第一个条件不满足，则不需要计算第2个条件
*/
// | 或
true | false //返回true
// || 短路或
true || false
// ! 非
true ! false //返回true

判断语句

// if - else if - else
var a=2
if a>1 {
	print("a 大于 1")
}else if (a=2){
	print("a 等于 1")
}else{
	print("a 小于 1")
}

//switch 语句
var a = '2';
	switch (a){
		case '1':
		alert('a = 1');
		break;
		case '2':
		alert('a = 2');
		break;
		default:
		alert('default');
	};

循环语句

//for循环
for (var i = 0; i < 5; i ++){
	alert(i);
};
//while循环
var a = 1;
	while (a < 5){
	alert(a);
	a ++;
	};
//break 退出当前循环
//continue 进入下一次循环

//do-while循环
	var a = 1;
	do {
		alert(a);
		a ++;
	}while(a < 1);
/*
	while循环是先判断再循环
	do-while循环是先循环再判断
*/

函数

//1. 第一种方式：
var func = function(x,y){
	return x +y;
};
alert(func(10,20));
//2. 第二种方式：
function func(x,y){
	return x +y;
};
alert(func(10,20));

dom数``

<!DOCTYPE html>
<html lang="en">
<head></head>
<body></body>
</html>

##根据ID得到节点：
<div id="div_id1"></div>
<script type="text/javascript">
divElement = document.getElementById("div_id1");
divElement.innerHTML = "通过js写入文本内容";