js入门基础(1)

一:初识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');
        }

在这里插入图片描述

在这里插入图片描述

续更中…

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值