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 常量名=值;
常量名在命名时采用全部大写形式

最新文章

  1. 用CSS3的transform来做一个立方体
  2. enmo_day_04
  3. IOS 计算两个经纬度之间的距离
  4. ps图层混合模式
  5. Unity3D 相机跟随主角移动
  6. XFire构建服务端Service的两种方式
  7. 【Ecstore2.0】导出问题解决(未导出或导出文件为0字节)
  8. Spring 中拦截器与过滤器的区别
  9. 基于visual Studio2013解决C语言竞赛题之0416完数
  10. Java中finally你知多少
  11. 应用ExcelPackage导出Excel
  12. Inno setup 中 执行参数传递注意的地方
  13. ABP框架实战 1.基础信息维护
  14. Go语言的核心Routine-Channel
  15. nginx php-fpm开启session
  16. SuperMap iObject .NET开发完成后私有部署,打包安装
  17. MVVM实战
  18. springmvc拦截器的配置、使用
  19. ES6-Set 和 Map 数据结构
  20. 算法笔记_151:算法提高 01背包(Java)

热门文章

  1. java 面向对象(一):类与对象
  2. 机器学习实战基础(二十一):sklearn中的降维算法PCA和SVD(二) PCA与SVD 之 降维究竟是怎样实现
  3. python网络编程01 /C/S架构|B/S架构、网络通信原理、五层协议、七层协议简述、端口映射技术
  4. 在spyder中无法import module
  5. vue-router 报错、:Avoided redundant navigation to current location 错误、路由重复
  6. 一个简单的Maven小案例
  7. 「从零单排canal 05」 server模块源码解析
  8. [spring] -- MVC篇
  9. 数字货币交易所(火币为例)如何使用二次验证码/虚拟MFA/两步验证/谷歌验证器?
  10. 开源项目推荐 - 巨鲸任务调度平台(Spark、Flink)