对JavaScript的基础认识

本文是对JavaScript基础知识的专题技术总结,作者翁一凯,于2020年8月15日撰写,介绍了MVC开发模式下的JavaScript应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

文献种类:专题技术总结文献
开发工具与关键技术: MVC
作者:翁一凯 ;年级:1903 ;撰写时间:2020 年 8 月 15日
文献编号: 归档时间: 年 月 日

	 对JavaScript的基础认识
开发工具与关键技术: MVC
作者:翁一凯
撰写时间:2020/8/15


JavaScript 是 web 开发者必学的三种语言之一:
1、HTML定义网页的内容
2、CSS规定网页的布局/样式
3、JavaScript对网页行为进行编程

首先JavaScript是一门脚本语言。在我们学习计算机当中除了脚本语言还有一下几种语言,这里我们总结一下:
1、汇编语言
2、脚本语言
3、机器语言
4、高级语言

我们现在学习的脚本语言又被称为扩建的语言,或者动态语言,是一种编程语言,用来控制软件应用程序,脚本通常以文本(如ASCII)保存,只在被调用时进行解释或编译。
JavaScript就是脚本语言中的一种,被广泛应用于Web应用开发,常用开为网页添加各式各样的动态功能。
而脚本语言的特点就是:对比其他类型语言编程速度更快,不需要编译、简单、易学、易用、灵活性高。当然这样的高灵活性也是有牺牲的,它的运行速度相对于其他的语言可能更慢,运行时更消耗资源。


JavaScript会应用在我们后面学习的项目如:淘宝的搜索功能、团立方中的轮播图、产品经理建立项目等等中。
JavaScript组成分为三部分:
1、ECAMScript:JavaScript语法和基本对象
2、DOM:文档对象模型
3、BOM:浏览器对象模型。

这里简单列举几个JavaScript基础
1、JavaScript流程控制

每种语言都有流程控制,在javascript中有三种流程控制结构。
javascript程序中的三种基本流程结构:
1、顺序结构:按照顺序一条一条的执行代码,从上到下。
2、分支结构:执行代码的时候,可以根据条件进行选择,条件越多对应的结果越多,分支也就越多。例如if…else…语句,switch语句。
3、循环结构:用来重复不断的做一件事,for循环,while循环,do…while循环。


2、document.querySelector()
定义和用法
querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。
注意: querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素,请使用 querySelectorAll() 方法替代。
语法:document.querySelector(CSS selectors)
参数值
参数	类型	描述
CSS 选择器	String	必须。指定一个或多个匹配元素的 CSS 选择器。 可以使用它们的 id, 类, 类型, 属性, 属性值等来选取元素。
对于多个选择器,使用逗号隔开,返回一个匹配的元素。

查找HTML元素的方法:
方法	描述
document.getElementById(id)	通过元素 id 来查找元素
document.getElementsByTagName(name)	通过标签名来查找元素
document.getElementsByClassName(name)	通过类名来查找元素


3、JavaScript - 函数
1、函数定义:JavaScript 函数是被设计为执行特定任务的代码块。
2、JavaScript 函数语法
JavaScript 函数通过 function 关键词进行定义,其后是函数名和括号 ()。
函数名可包含字母、数字、下划线和美元符号(规则与变量名相同)。
function name() {
    要执行的代码
}

3、函数调用
	函数定义好后,是不能自动执行的,需要调用它,直接在需要的位置写函数名。
	第一种情况:在<script>标签内调用。
	第二种情况:在HTML文件中调用,如通过点击按钮后调用定义好的函数。
	<input type="button" value="click it" onclick="add2()">
4、有参数的函数
	function 函数名(参数1,参数2){
		 函数代码;
	}
	注意:参数可以多个,根据需要增减参数个数。参数之间用(逗号,)隔开。
	function add2(x,y){
	   sum = x + y;
	   document.write(sum);
	}
	add2(3,34);//函数调用
5、返回值的函数
	function add2(x,y)
	{
	   sum = x + y;
	   return sum; //返回函数值,return后面的值叫做返回值。
	}
	var result=add2(44,67);
这里要注意的是函数中参数和返回值不只是数字,还可以是字符串等其它类型。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值