十四.JavaScript 简介及导入方式

十四.JavaScript 简介及导入方式

定义:

image

JS导入方式:有两种 显示:Fn+F12-->Console
内联(script)
外联:创建.js文件-导入.js文件

image

基本输入输出:

打印到控制窗口:console.log()

显示到下拉框:alert()

十五.JavaScript 变量与数据类型

变量的3个关键字:

var:可变,函数作用域

let:可变,块作用域

const:常数

null和undefine区别

  • undefined
    • 默认的系统行为(未赋值、函数无返回值等)。
    • 通常不推荐主动赋值 undefined,应使用 null 表示明确的空值。
  • null
    • 开发者主动清除变量或对象引用(如释放内存)。
    • 作为函数的可选参数,表示“无值”。

实现:

image

十六. JavaScript 控制语句

条件语句:

if..else if..else if...else

循环语句:

while、for、break、continue

十七.JavaScript 函数

定义:

image

实现:

image

作用域

十八.JavaScript 事件

定义:将HTML、CSS、JavaScipt联系

image

事件绑定:

image

实现:

image

十九.JavaScript DOM

  定义:对象(函数+变量)

image

节点树:

image

实现:用document操作节点数

  image

DOM对象常用方法:

  image

二十.练习-表格的增删改查

js和html交互

要点过多,<0.o><O.o>

 

20. 练习-表格的增删改查 P20 - 18:30

 

二十一.移动端适配及 rem

不同设备显示效果不一样,移动端页面大小、形状不一,需要自适应、响应布局,使用户获得良好体验

image

viewport:

  image

rem:

  image

21. 移动端适配及 rem P21 - 00:02

二十二.Flex弹性盒子与容器属性

定义:

image

flex:

image

image

image

image

image

二十三.总结与后续学习建议

image

 

posted @ 2025-11-05 17:00  麦麦提敏  阅读(8)  评论(0)    收藏  举报