JavaScript基础

最新推荐文章于 2022-11-23 17:32:46 发布

qq_38512978

最新推荐文章于 2022-11-23 17:32:46 发布

阅读量72

点赞数

分类专栏：前端文章标签： javaScript

本文链接：https://blog.csdn.net/qq_38512978/article/details/94189429

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

一、什么是JavaScript：

运行在浏览器端的脚本语言

二、JavaScript作用：

制作web页面交互效果

三、组成部分：

ECMAScript核心：基本语法（数据类型、语句、方法、函数等）
DOM：操作HTML中的标签属性的方法和接口
BOM：操作浏览器方法和接口

四、HTML中插入JavaScript的两种方式：

<script type="text/javascript">//代码</script>
<script type="text/javascript" src="js文件地址"></script>

五、JavaScript中的数据类型：

number
boolean
字符串
object
undefined

null与undefined的区别：null知道数据类型，undefined未定义类型
判断变量数据类型的方法：var _type=typeof(变量名)/typeof 变量名

六、运算符：

+、-、*、/

		var a = 10;
		var b = "3";
		console.info(a-b);//结果是7, "3"会尝试的去转为3  
		console.info(a*b);//结果是30, 
		console.info(a/b);//结果是3.3333333333333335, 会保留小数
		console.info(a+b);//103，拼接

== 和 ===

		var a = 1010;
		var b = "1010"; 
		console.info(a==b); // ==比较的仅仅是数值, true
		console.info(a===b); // ===比较的是数值和类型.false

七、JS函数

有函数名的函数：

		//注意：参数需要时写，不需要时不写，并且不需要加var，函数名重名时后面的会把前面的覆盖
		function 函数名(参数列表){
			//函数体
			return xx;//需要时写，不需要时不写
		}

匿名函数(通常和事件绑定一起用)：

		<body>
		<input type="button" id="btn" value="点我"/>
		</body>
		</html>
		<script>
		    var btn=document.getElementById("btn");//获取id为"btn"的元素
			//匿名函数（就是没有名字）
		    btn.onclick=function () {
		        alert("我被点了。。");
		    }
		</script>

八、事件

在这里插入图片描述

九、BOM中的五个对象

1.window: 窗体对象

window对象的属性

window对象的方法

2.Navigator：浏览器对象

Navigator对象的属性
Navigator对象的方法

Screen：屏幕对象

在这里插入图片描述

History：历史对象

在这里插入图片描述

Location：当前路径信息

在这里插入图片描述

qq_38512978

关注

0
点赞
踩
0

收藏

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

一、什么是JavaScript：运行在浏览器端的脚本语言二、JavaScript作用：制作web页面交互效果三、组成部分：ECMAScript核心：基本语法（数据类型、语句、方法、函数等）DOM：操作HTML中的标签属性的方法和接口BOM：操作浏览器方法和接口四、HTML中插入JavaScript的两种方式：<script type="text/javascr...
复制链接

扫一扫

专栏目录