JS笔记 语法
2024-08-31 22:44:27
javascript概述
简称为JS,是一款能够运行在JS解释器、引擎中的脚本语言
JS解释器、引擎 JS的运行环境
1、独立安装的js解释器 -nodeJS
2、嵌入在浏览器中的js解释器
JS基于对象的编程语言
1.浏览器的内核
内容负责页面内容的渲染
1、内容排版的引擎 HTML、CSS
2、脚本解释引擎 javascript
搭建JS运行环境
独立安装的js解释器 nodeJS
console.log("hello word");
console.log("hello word");
使用浏览器中的内核(JS解释引擎)
1、浏览器的控制台(console)中,输入脚本执行
2、将JS脚本代码嵌入在HTML页面中执行
采用HTML元素事件执行JS代码
sj:onclick
1、当元素被点击时执行的操作
ex:当按钮被点击时,在控制台中输出 hello world
<button type="button" onclick="console.log('哈哈哈哈哈');">点击我试试</button>
2、将js脚本编写在<script></script>并嵌入在HTML文档的如何位置
<script>
console.log('这是在script标记中执行的内容');
document.write("<h1>hhhhhh</h1>");
</script>
demo
3、将js脚本编写在外面独立的js脚本文件中(***.js)
步骤
1、编写JS脚本文件
2、在HTML中引入脚本文件
<script src=""></script>
demo
先创建一个base.JS的文件
在文件中执行以下代码
console.log("hhhh");
decoment.write("dddddd");
window.alert("这是在外部脚本文件的内容");
在HTML文档中,引入base.js文件
<!-- 引用外部文件-->
<script src="base.js"></script>
3、JS的调试
在代码编写错误时,在运行的时候,在错误位置会停止
碰到错误代码,会终止当前语句块的执行,但不影响后面块的执行
<script></script>为一块
4、JS语法
1、语句:可以被引擎执行的最小单元
由表达式、关键字 、运算符 组成的
严格区分大小写:name和NAME:
所有的语句都是以 ; 表示结束
所有的标点符号都是英文的
2、注释
单行注释://
多行注释:/**/
变量与常量
1、什么是变量
用来存储数据的一个容器
2、声明变量(重点)
1、声明变量
var 变量名;
2、为变量赋值
变量名=值;
3、声明变量并赋初始值
var 变量名=值;
注意:
1、变量声明时没有赋值的话3,那么值为undefined
2、声明变量允许不使用var关键字,但不推荐
demo:
创建一个HTML
声明一对<script></script>并完成以下变量的声明
<script>
var l_name="Thinkpad e460";
var l_price="3000";
var l_count="100";
console.log(l_name,l_price,l_count);
console.log("笔记本名称:"+l_name);
console.log("笔记本价格:"+l_price);
console.log("笔记本库存:"+l_count); </script>
demo
3、一条语句声明多个变量
var 变量名1=值,变量名2=值,变量名3=值
变量名命名规范
1、由字母,数字,下划线以及$组成的
2、不能以数字开头
3、不能使用js中的关键字和保留关键字
4、变量名不能重复
5、可以采用”驼峰命名法“,小驼峰命名法使用居多
6、最好见名知意
4、变量的使用
1、为变量赋值 -set操作
只要变量出现在赋值符号(=)的左边一律是赋值操作
2、获取变量的值 -get操作
只要变量没有出现在赋值符号(=)的左边,一律是取值操作
赋值符号出现的话,永远都是将右边的值,赋值给左边的变量
2、常量
1、什么是常量
在程序中,一但声明好,就不允许被修改的数据
2、声明常量
count 常量名=值;
常量名在命名时采用全部大写形式
最新文章
- 用CSS3的transform来做一个立方体
- enmo_day_04
- IOS 计算两个经纬度之间的距离
- ps图层混合模式
- Unity3D 相机跟随主角移动
- XFire构建服务端Service的两种方式
- 【Ecstore2.0】导出问题解决(未导出或导出文件为0字节)
- Spring 中拦截器与过滤器的区别
- 基于visual Studio2013解决C语言竞赛题之0416完数
- Java中finally你知多少
- 应用ExcelPackage导出Excel
- Inno setup 中 执行参数传递注意的地方
- ABP框架实战 1.基础信息维护
- Go语言的核心Routine-Channel
- nginx php-fpm开启session
- SuperMap iObject .NET开发完成后私有部署,打包安装
- MVVM实战
- springmvc拦截器的配置、使用
- ES6-Set 和 Map 数据结构
- 算法笔记_151:算法提高 01背包(Java)
热门文章
- java 面向对象(一):类与对象
- 机器学习实战基础(二十一):sklearn中的降维算法PCA和SVD(二) PCA与SVD 之 降维究竟是怎样实现
- python网络编程01 /C/S架构|B/S架构、网络通信原理、五层协议、七层协议简述、端口映射技术
- 在spyder中无法import module
- vue-router 报错、:Avoided redundant navigation to current location 错误、路由重复
- 一个简单的Maven小案例
- 「从零单排canal 05」 server模块源码解析
- [spring] -- MVC篇
- 数字货币交易所(火币为例)如何使用二次验证码/虚拟MFA/两步验证/谷歌验证器?
- 开源项目推荐 - 巨鲸任务调度平台(Spark、Flink)