一:初识js
JavaScript是一种运行在客户端的脚本语言。
脚本语言:指的是不需要编译,运行过程中由js解释器(js)引擎逐行进行解释并执行
现在也可以基于Node.js技术进行服务端编程。
浏览器执行
1.JS简介
渲染:用来解析HTML与CSS,俗称内核,chrome一般使用的是webkit内核
现在主流的浏览器的及浏览器内核主要有三个:以谷歌浏览器(chrome)为代表的webkit内核,包括苹果浏览器safari等都是基于webkit内核。其次以IE浏览器为代表的trident,这个内核都是ie浏览器的在使用,还有就是火狐浏览器的gecko,可以说现在主流的浏览器内核就这三种。
2、还有现在国产的一些第三方的浏览器基本也是基于webkit内核的,其所谓的双核中的极速模式就是webkit内核,兼容模式就是ie的trident内核。
JS引擎:也称为JS解释器。用来读取网页中的JS代码,对其处理后运行
浏览器本身并不会执行JS代码,而是通过内置的JS引擎(解释器)来执行JS代码。JS引擎执行代码时逐行解释每一句源码(转换为机器语言),然后由计算机去执行,所以JS语言归为脚本语言,会逐行解释执行。
JavaScript ,它的三大护法分别为:ECMAScript、DOM、BOM
第一护法
ECMAScript:ECMAScript是JavaScript这门语言的核心组成,是这门语言的精髓所在。包括变量定义,垃圾回收,语法,作用域等等,需要我们去不断钻研。
第二护法
DOM:文档对象模型(document object model)。标签的嵌套,就产生了父子关系,而DOM,提供了大量的API,让我们可以轻松操作DOM树。使用DOM,我们能动态修改页面内容,调整样式等等,这也是JS多样化的一个体现。
第三护法
BOM:浏览器对象模型(brower object model)。和DOM类似,只不过主体变成了浏览器。浏览器同样提供了大量的API,其中部分对JS开放,为我们提供了操作浏览器窗口的方法。
二:js的使用示例
1.定义函数
var定义函数,举例如下:
var text = prompt('请输入');
var str = '你真是个' + text + '\!';
alert(str);
哈哈,是不是很好玩。
忘了提一嘴,上面的127.0.0.1:5500是模拟端口,在 Vscode 里面安装了 Live Server,电脑就会模拟。
2.闰年
如果我们想要看看今年是不是闰年
我们就需要开始认识循环语句了,最为基础的 if else 语句循环,后面还有for循环…等等。
这一篇先写一下if else循环语句,帮助初学者认识一下。我们都知道:闰年是可以被4整除但不能被100整除的,如果我们想要实现这个功能,可以用函数来实现,比起自己算,好了不知道多少。
例如看看今年是闰年还是平年,我们可以这样做:
具体代码实现为:
var year = prompt('年份');
if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) {
alert(''+year+'年为闰年');
}
else{
alert(''+year+'年为平年');
}
3.名次排序
例如我们通过分数分为ABCDE五级别
我们可以通过if else来写成:
var num=prompt('请输入分数');
if(num>=90){
alert('A');
}
else if(num>=80){
alert('B');
}
else if(num>=70){
alert('C');
}
else if(num>=60){
alert('D');
}
else if(num<60){
alert('E');
}
续更中…