文献种类:专题技术总结文献
开发工具与关键技术: 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);
这里要注意的是函数中参数和返回值不只是数字,还可以是字符串等其它类型。