JavaScript

最新推荐文章于 2024-07-15 23:20:19 发布

White.Magic

最新推荐文章于 2024-07-15 23:20:19 发布

阅读量388

点赞数

本文链接：https://blog.csdn.net/weixin_44659258/article/details/104374188

版权

JavaScript

了解和介绍：JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名的，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。
JavaScript在1995年由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。
JavaScript的标准是ECMAScript 。截至 2012 年，所有浏览器都完整的支持ECMAScript 5.1，旧版本的浏览器至少支持ECMAScript 3 标准。2015年6月17日，ECMA国际组织发布了ECMAScript 的第六版，该版本正式名称为 ECMAScript 2015，但通常被称为ECMAScript 6 或者ES6。

javascript引入方式

内嵌式：

javascript的注释

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

javascript的变量

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

对话框

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>javascript</title>
    <script tpye="text/javascript">
        //js
        alert('你好，CSDN');
    </script>
    <script type="text/javascript" src="main.js"></script>
</head>
<body>

</body>
</html>

运算符

1.算数运算符

运算符	描述	例子	结果
+	加	x=1+1	x=2
-	减	x=1-1	x=0
*	乘	x=2*3	x=6
/	除	x=4/2	x=2
%	取余数	x=5%2	x=1
++	叠加	x=2 x++	x=3
- -	叠减	x=2 x- -	x=1

2.赋值运算符：（x=5）

运算符	例子	等价于	结果
=
+ =	x+=2	x=x+2	x=7
- =	x-=2	x=x-2	x=3
* =	x*=2	x=x*2	x=10
/ =	x/=2	x=x/2	x=2.5
% =	x%=2	x=x%2	x=1

3.比较运算符

运算符	描述
==	值相等
===	类型和值都相等
！ =	不等于
>	大于
<	小于
>=	大于等于
<=	小于等于

4.逻辑运算符：

运算符	描述
&	与
&&	短路与
一个竖杠	或
两个竖杠	短路或
！	非

5. js的 if 语句：

if(【条件】){
//条件成立的代码
}else{
//条件不成立的代码
}；

if(【条件】){
//条件成立的代码
}else if(【条件】){
//条件成立的代码
}；

6.判断：

var a =‘2’;

switch(a){
case ‘1’:
alert(‘a = 1’);
break;
case ‘2’:
alert(‘a = 2’);
break;
default:
alert(‘default’);

}

7.循环：

for(var i=0,i<5;i++){
alert(i);
};

var a=1;

while (a<5){
alert(a);
a++;
};

注：
break 退出当前循环
continue 进入下一次循环

var a=1;
do{
alert(a);
a++;
}while(a<1);

8.函数

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));

9.DOM树

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

在这里插入图片描述
根据ID得到节点
< div id=‘div_id1’>< /div>

< sctipt type=“text/javascript”>
divElement=document.getElementByld(“div_id1”);
divElement.innerHTML=“通过js写入本文内容”;

White.Magic

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫