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

JS笔记 语法的更多相关文章

  1. ExtJs4 笔记(2) ExtJs对js基本语法扩展支持

    本篇主要介绍一下ExtJs对JS基本语法的扩展支持,包括动态加载.类的封装等. 一.动态引用加载 ExtJs有庞大的类型库,很多类可能在当前的页面根本不会用到,我们可以引入动态加载的概念来即用即取.这 ...

  2. [转载]ExtJs4 笔记(2) ExtJs对js基本语法扩展支持

    作者:李盼(Lipan)出处:[Lipan] (http://www.cnblogs.com/lipan/) 本篇主要介绍一下ExtJs对JS基本语法的扩展支持,包括动态加载.类的封装等. 一.动态引 ...

  3. js基本语法汇总

    1.分类 ECMAScript js基本语法与标准 DOM Document Object Model文档对象模型 BOM Browser Object Model浏览器对象模型 tips:DOM和B ...

  4. 《Go并发编程实战》读书笔记-语法概览

    <Go并发编程实战>读书笔记-语法概览 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 本篇博客我们会快速浏览一下Go的语法,内容涉及基本构成要素(比如标识符,关键字,子 ...

  5. JS高级语法与JS选择器

    元素(element)和节点(node) childNode属性和children属性的区别 <!DOCTYPE html> <html lang="en"> ...

  6. ExtJs对js基本语法扩展支持

    ExtJs对js基本语法扩展支持 本篇主要介绍一下ExtJs对JS基本语法的扩展支持,包括动态加载.类的封装等. 一.动态引用加载 ExtJs有庞大的类型库,很多类可能在当前的页面根本不会用到,我们可 ...

  7. Vue.js 数据绑定语法详解

    Vue.js 数据绑定语法详解 一.总结 一句话总结:Vue.js 的模板是基于 DOM 实现的.这意味着所有的 Vue.js 模板都是可解析的有效的 HTML,且通过一些特殊的特性做了增强.Vue ...

  8. JavaScript进阶 - 第2章 你要懂的规则(JS基础语法)

    第2章 你要懂的规则(JS基础语法) 2-1什么是变量 什么是变量? 从字面上看,变量是可变的量:从编程角度讲,变量是用于存储某种/某些数值的存储器.我们可以把变量看做一个盒子,盒子用来存放物品,物品 ...

  9. Vue.js 模板语法

    本章节将详细介绍 Vue.js 模板语法,如果对 HTML +Css +JavaScript 有一定的了解,学习起来将信手拈来. Vue.js 使用了基于 HTML 的模版语法,允许开发者声明式地将 ...

随机推荐

  1. Linux08 /Docker

    Linux08 /Docker 目录 Linux08 /Docker 1. docker简介/安装 2. Docker镜像加速器的设置 3. 核心三要素 镜像仓库/Registry 镜像/Image: ...

  2. POJ 1063 Flip and Shift 最详细的解题报告

    题目来源:Flip and Shift 题目大意:一个椭圆形的环形容器中有黑色和白色两种盘子,问你是否可以将黑色的盘子连续的放在一起.你可以有以下两种操作: 1.顺时针旋转所有的盘子 2.顺时针旋转3 ...

  3. 并发编程AQS--------ReentrantLock

    同步框架AbstractQueuedSynchronizer Java并发编程核心在于java.concurrent.util包 而juc当中的大多数同步器实现都是围绕着共同的基础行为,比如等待队列. ...

  4. super,this关键字用法 Java

    super 用法 1.调用父类变量2.调用父类方法3.子类构造方法第一句 this 用法 super关键字用来访问父类内容, this 关键字用来访问本类中的内容, 有三种用法 1.在本类的成员方法中 ...

  5. TeamViewer如何绑定谷歌二次验证码/谷歌身份验证?

    1.下载TeamViewer,找到谷歌二次验证界面 下载.注册TeamViewer后,点击右上角账户名-“编辑配置文件” [常规]-“双重验证”,点“启用”   进入[激活双重验证]界面,点“启动激活 ...

  6. python-scrapy爬虫框架爬取拉勾网招聘信息

    本文实例为爬取拉勾网上的python相关的职位信息, 这些信息在职位详情页上, 如职位名, 薪资, 公司名等等. 分析思路 分析查询结果页 在拉勾网搜索框中搜索'python'关键字, 在浏览器地址栏 ...

  7. Thymeleaf从入门到精通

    什么是Thymeleaf 大家好,我是bigsai,今天我们来学习Thymeleaf,如果你对Thymeleaf比较陌生也不要紧,它很容易学习与理解,并有着自己鲜明的特色. 开始之前,我们依旧问一个问 ...

  8. [转载]Android SDK 离线文档 (api 20)(升级至api 23)

    原文地址:SDK 离线文档 (api 20)(升级至api 23)">Android SDK 离线文档 (api 20)(升级至api 23)作者:leechenhwa Android ...

  9. git chechout

    在克隆完一个的版本库时,git会在本地创建一个master分支用于跟踪远端的master分支 如git clone abc.git 默认情况下git会在本地创建一个master分支 但是,在本地mas ...

  10. 【评价指标】详解F1-score与多分类MacroF1&MicroF1

    文章来自:一个宝藏微信公众号[机器学习炼丹术] 基本概念 首先,要背住的几个概念就是:accuracy,precision,recal, TP,FP,TN,FN TP:true positive.预测 ...