JavaScript基础学习

最新推荐文章于 2024-04-19 16:51:59 发布

N_nanshan

最新推荐文章于 2024-04-19 16:51:59 发布

阅读量172

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/N_nanshan/article/details/109512801

版权

Javascript基础学习

一、JavaScript的简介
JavaScript简称为js，是一个基于对象和事件驱动的语言，应用于客户端。
基于对象：js提供了很多对象，不用创建可以直接使用；
事件驱动：html做网站的静态效果，js可以实现动态效果；
应用于客户端：专门指浏览器；
js特点
1、交互性
信息的动态交流；
2、跨平台性
Java可跨平台，由虚拟机实现；
对于js只要有浏览器即可使用。
3、安全性
js不能访问本地磁盘文件。
Java和JavaScript之间的区别：
1、Java由sun公司开发，现在是Oracle，js是网景公司；
2、JavaScript基于对象，Java是面共享对象；
3、Java是强类型语言，js是弱类型语言；
如在Java中 int i = “10”; ❌
js: var i = 10; var m = “10”; ✔
4、解析过程
js只需要解析就可以，Java还需要编译成字节码文件

js的组成
三部分：
1、ECMAScript
ECMA：欧洲计算机协会
由ecma组织制定js的语法；
2、BOM
broswer object model：浏览器对象模型
3、DOM
document object model：文档对象模型
二、JavaScript于HTML的结合方式
方式一：使用一个标签

如下所示：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>JavaScript于html的结合方式</title>
		<style type="text/css">
			
		</style>
	</head>
	<body>
		<script type="text/javascript">
			alert("JavaScript于html的结合方式");
		</script>
	</body>
</html>

在这里插入图片描述
方式二：引入一个外部的js文件
新建js文件，在html文件中引入js的文件路径
如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>js与html的结合方式二</title>
		<style type="text/css">
			
		</style>
	</head>
	<body>
		<script type = "text/javascript" src="js/js与html结合方式二.js">
			
		</script>
	</body>
</html>

在这里插入图片描述
注意：使用方式二的时候，就不能够在javascript标签立添加代码，即使添加也不会执行。
三、js的原始类型和声明变量
java的基本数据类型：byte、short、int、long、float、double、char、boolean
js的原始类型（5个）：
string：字符串
var str = “adc”;
number：数字类型
var m = 123;
boolean：true/false
var flag = true/false;
null：
var Date = new Date();
获取对象的引用，null表示对象引用为空，所有对象的引用也为object；
undefind：
定义一个变量，没有赋值；如var aa; 定义了一个名为aa的变量。

typeof（）;查看当前变量的数据类型

四、js的语句
Java中的语句：
if switch for while do-while语句
注意：=表示赋值 ==表示判断

js内支持所有的语句

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>js内的基本语句</title>
	</head>
	<body>
		<script type="text/javascript">
			//if语句测试
		/*	var a = 5;
			if(a == 5)
			{
				alert("5");
			}else
			{
				alert("6");
			}*/
			
			//while语句测试
		/*	var a = 5;
			while(a>0)
			{
				alert(a);
				a--;
			}*/
			
		</script>
	</body>
</html>

其他语句均可使用。
五、js的运算符
在这里插入图片描述
六、js实现99乘法表

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>js实现99乘法表</title>
		<style type="text/css">
			
		</style>
	</head>
	<body>
		<script type="text.text/javascript">
			
			document.write("<table border = '1' bordercolor = 'blue'>");
			for(var i = 1;i<=9;i++){
				document.write("<tr>")
				for(var j=1;j<=i;j++){
					document.write("<td>");
					document.write(j+"*"+i+"="+i*j+ "&nbsp");
					document.write("</td>");
				}
				document.write("</tr>");
			}
			document.write("</table>");
		</script>
	</body>
</html>

七、js的数组
在这里插入图片描述

八、js的函数
创建js函数有三种方式:
方式一：
使用关键字function
格式如下：
function 方法名（参数列表）{
方法体；
返回值可有可无
}
方式二：
匿名函数：
格式如下：
function（）{
方法体和返回值；
}
注意：没有方法名
在这里插入图片描述
方式三：
动态函数，需要用到Function关键字，实例如下：

N_nanshan

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript基础学习

Javascript学习笔记一、JavaScript的简介JavaScript简称为js，是一个基于对象和事件驱动的语言，应用于客户端。基于对象：js提供了很多对象，不用创建可以直接使用；事件驱动：html做网站的静态效果，js可以实现动态效果；应用于客户端：专门指浏览器；js特点1、交互性信息的动态交流；2、跨平台性Java可跨平台，由虚拟机实现；对于js只要有浏览器即可使用。3、安全性js不能访问本地磁盘文件。Java和JavaScript之间的区别：1、Java由sun公
复制链接

扫一扫