Javascript阶段测评

最新推荐文章于 2024-08-12 09:24:46 发布

小范的一天

最新推荐文章于 2024-08-12 09:24:46 发布

阅读量312

点赞数

分类专栏： web前端文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_43574317/article/details/122962829

版权

web前端专栏收录该内容

8 篇文章 0 订阅

订阅专栏

Javascript阶段测评

JS初识

Javascript是基于对象和事件驱动的解释性脚本语言

基于对象：js是一种基于对象的语言，这意味着它能运用自己已经创建的对象，因此，许多功能可以来自脚步环境种对象的方法与脚步的相互作用
事件驱动：JavaScript 可以直接对用户或者客户输入做出响应，无须经过 web 服务器，它对用户的响应，以事件驱动的方式进行
解释性：浏览器可以直接识别和解析js代码

Javascript的组成

ECMAScript：指定JavaScript语法标准
DOM： Document Object Model 文档对象模型
BOM： Browser Object Model 浏览器对象模型

js的三种引入方式

行内引入：在html开始标签中引入：

  <div onclick=”alert('点击了')”></div> //相同引号不能嵌套

内部引入：在script标签中写js代码

   <script>alert(1)</script>

外部引入：通过script标签的src属性引入js文件到html中

   <script src='index.js'></script>

注意：引入外部文件的script标签内部不能在写js代码，不会执行

声明变量的方式，如何理解变量

变量：可以改变的量，存储数据的容器
javascript中使用关键字var声明变量
先声明后赋值：var a;a=10;
声明变量的同时赋值：var a=10;
同时声明多个变量：var a=10,b=10,c=10;
变量连等：var a=b=c=10;

js的数据类型有哪些

基本数据类型

Number -数字
– 在Number类型中有一个比较特殊的值：
– NaN:（not a number）非数字类型。
– 特点：涉及到任何关于数值的错误操作，都会返回NaN
String -字符串
Boolean -布尔 true false
Undefind 未命名
Null 空

复杂数据类型

对象（Object）
数组（Array)
函数（Function）

如何检测数据类型

typeof：返回数据类型
console.log(typeof(a));

null与undefined的区别

null:空对象
undefined：未定义

isNaN是做什么的？返回的数值分别代表什么含义？

判断值是不是数字类型
返回true：代表这个值不是数字
返回false:代表这个值是数字

为何用户输入1+1得到结果为11?我该如何得到正确数值？

因为输入的是字符串’1’
将字符串’1’转化为数字类型1
–console.log(1+Number('1')); //2

Console.log(10+18+”age”+10+true)输出结果

28age10true

toString与String区别在哪？

String可以转化null和undefined,语法：String(转换的值)
toString不可以转化null和undefined，语法：转换的值**.**toString(）

= == === 分别代表什么含义？

=：赋值
==：等于，值相等
===：全等，数据类型和值都得相等

如何创建数组，对象，以及函数？

创建数组：var arr = [1,“haha”,true];
创建对象：var one = {name:‘hah’,age:10}
创建函数：function name(){},var a = function(){}
注意：第一种方法需要被调用
function name(){} name();

如何拿到数组和对象里面的值

数组：通过下标console.log(arr[0]);
对象：对象名.属性名console.log(a.name);

获取标签的三种方法

id:.getElementById;
类名：.getElementsByClassName
标签名：.getElementsByTagName

说说你对window.οnlοad=function()的理解

window οnlοad=function{} 意思是：窗口（即页面）加载完成后装载（执行） function{} 这个函数就是你点这个页面页面显示完成后就自动执行function 函数里面的代码;

如何获取标签里的内容(两种)说出他们之间的区别

innerHTML:可以识别标签
innerText:不可以识别标签

怎样用js修改div的样式

元素.style.width=’’;
元素.style.cssText = “width:200px;height:200px”;

请你书写一个1到100以内的数值相加

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //1到100以内的数值相加
        var sum = 0;
        for(var i = 1 ; i <= 100;i++){
            sum += i ;
        }
        document.write(sum);//5050
        //console.log(sum);5050
    </script>
</head>
<body>
</body>
</html>

请你书写一个成绩单，当班级内的学员成绩大于或等于90分时，他的成绩为A；当他的分数为80-90分时为B；70-80分时为C；60-70时为及格；60以下不及格

         //成绩单
        //第一种方法：if判断
        var grade = 88 ;
        if(grade >= 90){
            console.log('A');
        }else if(grade >= 80 && grade < 90){
            console.log('B');
        }else if(grade >= 70 && grade < 80){
            console.log('C');
        }else if(grade >= 60 && grade < 70){
            console.log('及格');
        }else{
            console.log('不及格');
        }
        //第二种方法：switch case
        var gra = 66.3 ;
        switch(parseInt(gra / 10)){
            case 10 : console.log('A');
            break;
            case 9 : console.log('A');
            break;
            case 8 : console.log('B');
            break;
            case 7 : console.log('C');
            break;
            case 6 : console.log('及格');
            break;
            default : console.log('不及格');
        }

小范的一天

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Javascript阶段测评

Javascript阶段测评JS初识Javascript是基于对象和事件驱动的解释性脚本语言Javascript的组成js的三种引入方式声明变量的方式，如何理解变量js的数据类型有哪些基本数据类型复杂数据类型如何检测数据类型null与undefined的区别isNaN是做什么的？返回的数值分别代表什么含义？为何用户输入1+1得到结果为11?我该如何得到正确数值？Console.log(10+18+”age”+10+true)输出结果toString与String区别在哪？= == === 分别代表什么含义？
复制链接

扫一扫

专栏目录