当前位置:网站首页>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,第一个字母小写,第二个字母大写,变量名需有意义
边栏推荐
- C语言——-动态内存开辟与管理(malloc,free,calloc,realloc)+柔性数组
- nVisual信息基础设施可视化管理
- 什么样的存储服务,才能成为企业数字化创新“加速器”?
- zyMedia系列之播放视频
- SPI机制是什么?
- Best Practices for Migration from Jincang Database from MySQL to KingbaseES (3. MySQL Database Migration Practice)
- ClickHouse—入门
- 软件测试技术之如何编写测试用例(2)
- 金仓数据库 Pro*C 迁移指南(3. KingbaseES Pr*oc 对 Oracle Pro*c 的兼容)
- 金仓数据库 Pro*C 迁移指南( 5. 程序开发示例)
猜你喜欢
随机推荐
实现统一账号登录,sonarqube集成ldap
钻石基础知识介绍
【TA-霜狼_may-《百人计划》】先行部分 手搓视差体积云
通过kubernetes可视化界面(rancher)安装kibana
企业上云规划与云原生环境设计
我终于逃离了互联网,却陷入了迷茫
金仓数据库 Pro*C 迁移指南( 5. 程序开发示例)
Auto.js Pro 计算脚本运行时间
2022-08-02 顾宇佳 学习笔记 多线程
金仓数据库 Pro*C 迁移指南( 4. KingbaseES 的 Pro*C 迁移指南)
MySQL-多表查询
WordPress博客问答小插件
How to write test cases in software testing technology (2)
七夕??继续肝文章才是正道!!Auto.js 特殊定位控件方法
单元测试是什么?怎么写?主要测试什么?
Get the first/last day of the current week, month, quarter in MySQL
OneNote 教程,如何在 OneNote 中设置笔记格式?
【UE4】Build VR live broadcast in LAN UE4.27
Have bosses know date field flinksql is synchronized to the use of the null on how to deal with
leetcode:153. 寻找旋转排序数组中的最小值









