超详细快速入门JavaScript详解(一)

旧城等待, 2023-02-21 06:16 85阅读 0赞

目录

一. JS概述&入门

二.JS组成

三. JS引入方式

四. JS-注释

五.JS-变量

1.基本数据类型

2.引用数据类型


一. JS概述&入门

我们为什么要学习JS?: 为了做页面的各种特效

HTML:肉体

CSS:穿衣服/化妆

JS:大脑、灵魂

脚本语言:(快)

1、无法独立执行。必须嵌入到其他语言(HTML)中,结合使用。

2、无需编译,直接被浏览器解析执行。

Java编程语言:(安全、维护性高、执行效率)

1、独立写程序,独立运行。 编译—-执行

2、先编译 后执行

  • 举例:

  • 小结:
  • JavaScript的执行过程由上到下依次执行 (代码出错会强行停止)

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzA1MTMx_size_16_color_FFFFFF_t_70

  • JavaScript没有访问系统文件的权限(安全)
  • JavaScript允许出现一定数量的链式编程

二.JS组成

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzA1MTMx_size_16_color_FFFFFF_t_70 1

  • ECMAScript (核心):规定了JS的语法和基本对象。

(if,for,while…..)

  • DOM 文档对象模型:处理网页内容的方法和接口

标记型文档。HTML

(页面特效)

  • BOM 浏览器对象模型:与浏览器交互的方法和接口

(浏览器操作(浏览器打开、关闭、地址栏、浏览器桌面上的位置))

三. JS引入方式

向HTML中引入JS代码:

  • 内部脚本:(写在HTML页面上)

格式:

理论上可以放在页面任何位置

建议:

放在标签中

  • 外部脚本:

格式:

20200629071407580.png(.js)

20200629071413924.png

  • 注意:

引入外部JS的

发表评论

表情:
评论列表 (有 0 条评论,85人围观)

还没有评论,来说两句吧...

相关阅读