当前位置:网站首页>js的组成及js样式
js的组成及js样式
2022-08-03 03:09:00 【Dummerd】
一、浏览器分成两个部分:渲染引擎和JS引擎。
1.渲染引擎:用来解析HTML与CSS,俗称内核。
2.JS引擎:js解释器,用来读取网页种的js代码,然后对其处理,chrome的浏览器的v8,浏览器本身是不会执行JS代码,通过JS引擎解释,交给计算机去执行(逐行解释执行)。
二、JS组成
JS是由三部分组成:JS语法、文档对象(DOM)、浏览器对象(BOM)。
三、JS初体验
JS有三种书写方式:行内、内嵌、外部。
1.行内
缺点- 可读性差, 在html中编写JS大量代码时,不方便阅读;
- 引号易错,引号多层嵌套匹配时,非常容易弄混;
- 特殊情况下使用;
2.内嵌:
在老的版本中,<script type=”text/javascript”></script>,在HTML5中script默认就是js不需要再声明type=”text/javascript”
3.外部:
- 利于HTML页面代码结构化,把大段 JS代码独立到 HTML 页面之外,既美观,也方便文件级别的复用
- 引用外部 JS文件的 script 标签中间不可以写代码
- 适合于JS 代码量比较大的情况
四、JS输出语句
1:alert(msg) 浏览器弹出警示框
2:console.log(msg) 浏览器控制台输出信息,个开发人员看的
3:prompt(info,defaulttxt) 浏览器弹出输入框接收用户信息。(提示信息,默认信息)
五、JS变量
变量名是用来存取数据的容器,我们通过变量名来获取数据,数据是可以修改的。变量是程序在内存中申请的一块存放数据的空间。
六、变量的声明:
var myname = “小明”;
var:是声明一个变量,js的关键词。
myname:声明的一个变量名,开发人员定义。
小明:给变量myname赋值。
同时声明多个变量,用”,”隔开,如下:
var name=”小明”,age=13,sex=”男”;
变量重新赋值:name=”李四”;
七、总结:
- 声明变量用var,多个变量用英文逗号隔开,变量可重新赋值。
- 严格区分大小写。var name; 和 var Name; 是两个变量。
- 不能以数字开头,不能是js关键词比如 var、for、while等。
- 驼峰命名法,如myName,第一个字母小写,第二个字母大写,变量名需有意义
边栏推荐
- Guys, I don't understand a bit: why the documentation of oracle-cdc writes that the connector can be done exactly-o
- Jincang Database Pro*C Migration Guide (3. KingbaseES Pr*oc Compatibility with Oracle Pro*c)
- QT添加资源文件、样式表、qss文件使用
- leetcode:149. 直线上最多的点数
- ClickHouse - Getting Started
- 什么样的存储服务,才能成为企业数字化创新“加速器”?
- AttributeError: module ‘xxx‘ has no attribute
- 【UE4】Build VR live broadcast in LAN UE4.27
- 370万欧元!西班牙iPronics加速可重构光子芯片商用
- 22 ES6 knowledge points
猜你喜欢
随机推荐
大佬们,我有点不明白:为什么oracle-cdc的文档写connector可以做到exactly-o
成都高新南区 高新西区 东部新区 多边形范围点位 AOI 高德
思维+启发式合并
Spark SQL简介
nVisual信息基础设施可视化管理
C语言——结构体(声明、内存对齐、自引用)、位段、联合体、枚举常量合集
compose 位移视图
工业边缘计算研究现状与展望
leetcode:149. 直线上最多的点数
Scala基础【异常、隐式转换、泛型】
问下有用sql server flink-sql-connector-sqlserver-cdc-2
IDEA如何创建同级工程
2022-08-01 顾宇佳 学习笔记
【每日一题】622. 设计循环队列
Guys, I don't understand a bit: why the documentation of oracle-cdc writes that the connector can be done exactly-o
Kotlin 乘法、我怎么越乘越小?
QT添加资源文件、样式表、qss文件使用
QWidget、QPushButton、
uniapp中动态修改导航栏标题
PyTorch installation - error when building a virtual environment in conda before installing PyTorch









