JavaScript

    科技2022-07-13  146

    一、JS的基本语法

    页面分为:结构、样式、行为(html结构、css样式、JavaScript行为) 用来做:网页的骨架、网页的修饰、网页的动作

    1、JavaScript和HTML5的关系

    是一种新的技术,目前而言,HTML5是一些标签,有了JS之后,这些标签深层的扩展功能得以实现

    2、如何编写及运行JS

    js是一种脚本语言,可以用两种方式在HTML页面进行引入,== 外联==,内部

    外联JS的写法:
    <script src="相对路径"></script> 这是一条html语句,可以放在html页面的任意位置 相对路径链接的是JavaScript文件,文件扩展名为js,如index.js 跟随页面的加载,按照顺序执行
    内联JS的写法:
    <script> // 在script标签内写js脚本 </script> 跟随页面的加载,按照顺序执行 写在标签的属性内 - 行为属性 - 只能通过行为主动触发,不方便使用

    3、JS的输出语句

    阻塞程序执行,转成字符 弹出信息框,BOM alert括号里写弹出的内容,打开页面弹出一条信息,BOM也就是这条信息是由浏览器提示的 alert("Helle,word"); 弹出的信息框的内容为{object object} alert(括号内写一个对象{}) 影响页面,转成字符 打印到页面,DOM 转成字符 可以解析标签 页面加载完成后执行会覆盖整个页面内容: document.write("Helle,word") 打印到页面的的内容为{object object} document.write(括号内写一个对象{}) ············································································· alert和write会强行将要打印的信息转换为字符 ············································································· 推荐使用 打印到控制台,BOM 原类型打印: console.log("Helle,word") 打印到控制台的内容为{} 原类型 console.log({})

    4、JS的数据类型

    1、常用的数据类型
    1) 字符:只要使用引号包裹的数据:’ “ `,就是字符,字面量(写什么就是什么,没有有特殊的含义)
    2) 数值:0123456789 (正常数字),NaN(非法数字,非法运算)
    3) 布尔:true、false
    4) undefined:空值、未赋值 ,它的值就是undefined
    5) 对象:{},花括号有时代表一个作用域
    6) 数组:[]
    7) 函数:function 名字 () {}
    2、检测数据类型

    typeof 要检测的数据

    1)在控制台检测数据 console.log(typeof “hellow”) 打印结果为String 检测的结果为字符类型
    2) 在控制台检测对象 console.log(typeof {}) 打印结果为object 检测的结果为对象的单词
    3) 在控制台检测对象 console.log(typeof typeof {}) 在检测对象的基础上再去检测一个 打印结果就为String

    ························································································································· 结果以字符的形式出现 ·························································································································

    5、JS的组成及含义

    1)ECMAScript:语法、规范 2)DOM:文档对象模型 3)BOM:浏览器对象模型

    6、JS的数据类型有哪些(单词)

    string、number、Boolean、undefined、object、function

    7、任意声明一个变量并赋值,并打印该变量的类型

    var a = 123; console.log(typeof a);

    8、js的运算符有哪些,分别为?

    算术:+ - * / % 关系:> >= < < == === != !== 逻辑:|| && ! 赋值:= += -= *= /= %= ++ --

    9、js中的三大特殊数据

    1)undefined - 未赋值 - var a; 2)NaN - not a number - 不是一个数字的数值型数据,表示非法的数值运算结果 - isNaN(要判断的数据) - 隐式类型转换,任何数据,转成数值 - 是NaN,得到true - 不是NaN,得到false - 与任何数据都不想等,哪怕是自己 3) null - 空 - “”空字符 {}空对象 []空数组 - 类型是对象,object - 对象:指针(内存地址),数据 - var b = null; 4)比较 - NaN不等于任何数据 - undefined和null可以两等于

    二、JS的基本语法----- 练习

    1、战士连续作战89小时,编程计算共多少天零多少小时?

    var hours = 89; // 题中写出作战89小时 var h = hours % 24; // 先算零头,作战的时间和一天24小时进行取余,余后就是剩下多少小时 var d = (hours - h) / 24; // (拿总的作战时间 - 余下的时间) / 24小时 = 得到的是天 console.log(d); // 打印得到天 console.log(h); // 打印得到余下的小时 最后得到3天17小时 优化展示:console.log(d + "天" + h + “小时”) 进行字符串拼接 3天17小时

    2、将华氏温度(80度)转为摄氏度,公式:摄氏度 = 5/9.0 * (华氏度 - 32)

    知道华氏度为80 摄氏度 = 5/9.0 * (80 - 32) var h = 80; // 华氏度 h var s = 5/9.0 * (h - 32) // 将h带入进来 console.log(s); // 结果为26.66666666666666666

    3、var k = 10; console.log(k++ + ++k +k +k++);

    var k = 10; var sum = k++ + ++k +k +k++; 10 + 12 +12 +12 console.log(k); // 13 console.log(sum); // 46
    Processed: 0.015, SQL: 8