认识JavaScript

煎蛋zai冒泡

已于 2022-09-14 08:06:37 修改

阅读量216

点赞数 1

文章标签： javascript 开发语言 ecmascript

于 2022-09-12 22:16:08 首次发布

本文链接：https://blog.csdn.net/weixin_68266487/article/details/126822355

版权

一：什么是JavaScript

1：JavaScript是一种基于对象的脚本语言，是网景公司（Netscape）最初在它的Navigator2.0产品上设计并实现的，其自身叫做LiveScript。语法上，JavaScript和C#，java等编程语言类似。

2：JavaScript是客户端脚本语言，也就是说，JavaScript是在客户的浏览器上运行的，不需要服务器的支持。

3：JavaScript是一种解释语言，其源代码在客户端执行之前不需要经过编译，而是将文本格式的字符代码在客户端由浏览器解释执行。这就是说，JavaScript需要浏览器支持。

二：JavaScript语言特点

1：用于客户端 2：由客户端解释执行 3：基于对象 4：脚本语言

三：在HTML中使用JavaScript的方法

1：内部引入（javascript代码在script标签内编写）

js代码在head，body，html外都可以编写

<!DOCTYPE html>
<html>
	<head>
		
		<meta charset="utf-8" />
		<title></title>
		<!-- javascript代码在script标签内编写 -->
		<script type="text/javascript">
			alert("Hello world!!")
		</script>
	</head>
	<body>
	
	</body>
</html>

2：外部引入

<!DOCTYPE html>
<html>
	<head>
		
		<meta charset="utf-8" />
		<title></title>
		<!-- 外部引入 -->
		<script src="js/new_file.js"></script>
		<link rel="stylesheet" type="text/css" href="css/new_file.css"/>
	</head>
	<body>
		<a href="http://www.baidu.com">百度一下</a>
		<a href="http://www.qq.com">qq</a>
		<h1 class="main">h1标签
		</h1>
		<a class="r1" href="javascript:alert('百度')">百度</a>
		
	</body>
</html>

//js文件中
alert("这是一个外部jS文件");

四：JavaScript的数据类型

基本数据类型

数值数据类型 number

布尔类型 boolean

未定义数据类型 undefined

空数据类型 null

引用数据类型

字符串类型 string

Array数组类型

对象类型 Object

五：变量

变量就是所对应的值可能随程序的进行而变化的量。JavaScript使用var关键字来声明一个变量。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			//声明一个变量，语法格式：var 变量名=值
			var stuName
			//给变量stuName进行赋值
			stuName="张三"
			//通过弹窗的方式将变量值弹出
			alert(stuName)
			//将变量的值打印到页面
			document.write(stuName)
			document.write("<br />")
			document.write(stuName)
			//经常用于代码调试，主要是通过控制台进行打印输出
			console.log(stuName)
			
			
			//在声明时直接赋给变量值
			var stuName="男"
			//同时声明多个变量
			//var x,y,z = 10
			var x = y = z = 10
			console.log(x)
			console.log(y)
			console.log(z)
			
			//查看变量的数据类型
			console.log(typeof stuName) //string
			console.log(typeof x) //number
			var isChecked = true
			console.log(typeof isChecked) //boolean
			
			
		</script>
		
	</body>
</html>

六：混合计算时的数据类型

整数与小数=小数

小数与布尔型=小数

整数与字符串=字符串

小数与空值=小数

整数与布尔型=整数

字符串与布尔型=字符串

整数与空值=整数

字符串与空值=字符串

小数与字符串=字符串

布尔型与空值=整数

parseInt(String)将字符串转换为整型数字，取整。

parseFloat(String)将字符串转换为浮点型数字。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			var num_1=prompt("请输入第一个数字： ")
			var num_2=prompt("请输入第二个数字： ")
			console.log(typeof num_1)
			console.log(typeof num_1)
			//parseInt();将一个字符串类型转换成整数
			var result = parseInt(num_1) + parseInt(num_2)
			console.log(result)
			console.log(parseInt("12.3"))
			//parseFloat();将一个字符串类型的转换成小数
			console.log(parseFloat("12.3"))
		</script>
		
	</body>
</html>

煎蛋zai冒泡

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
认识JavaScript

1：JavaScript是一种基于对象的脚本语言，是网景公司（Netscape）最初在它的Navigator2.0产品上设计并实现的，其自身叫做LiveScript。语法上，JavaScript和C#，java等编程语言类似。2：JavaScript是客户端脚本语言，也就是说，JavaScript是在客户的浏览器上运行的，不需要服务器的支持。3：JavaScript是一种解释语言，其源代码在客户端执行之前不需要经过编译，而是将文本格式的字符代码在客户端由浏览器解释执行。
复制链接

扫一扫