JavaScript初级内容总结（全面）-----续更

最新推荐文章于 2022-10-23 21:13:01 发布

AuroraJim

最新推荐文章于 2022-10-23 21:13:01 发布

阅读量170

点赞数 1

分类专栏：前端大面经文章标签： javascript html5 java

本文链接：https://blog.csdn.net/qq_45835014/article/details/120497236

版权

前端大面经专栏收录该内容

4 篇文章 0 订阅

订阅专栏

JavaScript初级内容

一、初识JavaScript（了解）
二、变量、条件判断语句、循环语句

一、初识JavaScript（了解）

1. JavaScript的发展历史

           🌴创始人：布莱登·艾奇
           🌴Netscape在最初将其脚本语言命名为LiveScript，后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java。JavaScript与Java名称上的近似，是当时Netscape为了营销考虑与Sun微系统达成协议的结果。Java和JavaScript的关系就像张雨和张雨生的关系，只是名字很像。
           🌴版本的发展：
                             🌰1997年，ECMAScript 1.0发布。
                             🌰1998年，ECMAScript 2.0发布。
                             🌰 1999年，ECMAScript 3.0发布。
                             🌰 2007-2009年，ECMAScript 4.0草案发布，对3.0版本做了大幅升级，但是草案过于激进，各方发生严重分歧，中止4.0的开发，将其中涉及现有功能改善的一小部分，发布为ECMAScript 3.1，会后不久，改名为ECMAScript 5
                             🌰 2011年，EMAScript 5.1发布，并成为ISO国际标准，到了2012年，所有主要浏览器都支持ECMAScript 5.1的全部功能。
                             🌰 2013-2015年，讨论发布ECMAScript 6，并于2015年正式发布ECMAScript 6，更名为ECMASCript 2015。

2. JavaScript的地位及使用

①地位

           🌰①Javascript简称js，是前端开发中极为重要的一门解析式语言、动态类型语言、弱类型语言等…
           🌰②js应用广泛，其作用可以用来开发服务端（node.js）、命令行工具、桌面应用程序等
           🌰③js可以用来为html页面增加用户交互效果

②三种方式书写js代码

🌰第一种：在html文档head标签中使用script标签引入；（建议在body结束标签后引入，解决浏览器渲染）
🌰切记：在引入文件的script中不能写js代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="min.js"></script>
</head>
<body>
    
</body>
</html>

🌰第二种：在body结束标签后面使用script标签，在标签内书写js代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    var num =10;
    console.log(num);
</script>
</html>

🌰第三种：在html语句中书写

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 行内式 -->
    <div onclick="my()"></div>
</body>
<script>
    var num =10;
    console.log(num);
</script>
</html>

二、变量、条件判断语句、循环语句

1. 定义变量及使用

           🌰变量的含义：变量是计算机内存中存储数据的标识符，根据变量名称可以获取到内存中存储的数据
           🌰变量的命名规范：由字母、数字、下划线、$符号组成，不能以数字开头、不能是关键字和保留字、区分大小写
           🌰变量的声明：

var num;//声明了变量 值为undefined

🌰变量的声明和初始化：

var num  = 99;//声明了变量和初始化 值为num
console.log(num)//99

2. 条件判断语句

🌰if(条件) {代码块 } 、if(条件) {代码块 } else{代码块 }、if(条件) {代码块 } else if（条件）{代码块 } else｛｝

var age = 19;
if(age >19){console.log('你成年了！')}

var num = parseInt(promote())；
if(num == 66){
	console.log('这个是66')
	}else{
	console.log('您输入的数值为'+num)
	}

🌰switch（）｛case n:代码块 break；…｝

switch(表达式) {
     case n:
        代码块
        break;
     case n:
        代码块
        break;
     default:
        默认代码块
}

3. 循环语句

🌰for（循环条件）｛循环语句｝、do（循环条件）｛循环语句｝、while（循环条件）｛循环语句｝

//遍历数组
var arr = [1,2,3,4,5,6,7,8,9];
for(var i= 0;i<arr.length;++i){
	console.log(arr[i])
}

AuroraJim

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript初级内容总结（全面）-----续更

JavaScript初级内容一、初识JavaScript（了解）1. JavaScript的发展历史2. JavaScript的地位及使用①地位②三种方式书写js代码二、变量、条件语句、循环语句1. 定义变量一、初识JavaScript（了解）1. JavaScript的发展历史           ????创始人：布莱登·艾奇     &n
复制链接

扫一扫

专栏目录