js ( Javascript ) — 脚本语言

1. js的介绍

Javascript是一种运行在浏览器中的解释型的编程语言。

Javascript 可以在网页上实现复杂的功能，网页展示不再是单纯的简单的静态信息，而是实施的内容更新，交互式的地图，2D/3D的动画，滚动播放的音视频等等

为什么我们要学Javascript？

  • 1.因为你没有选择。在web世界里，只有Javascript能跨平台、跨浏览器驱动网页，与用户交互。
  • 2.Flash背后的ActionScript曾经流行过一阵子，不过随着移动应用的兴起，没有人用Flash开发手机App，所以它目前已经边缘化了。
  • 3.相反，随着HTML5在PC和移动端越来越流行，JavaScript变得更加重要了。并且，新兴的Node.js把JavaScript引入到了服务器端，JavaScript已经变成了全能型选手。

JavaScript版本:

  • ECMAScript 4.1（简称ES4）
  • 最新版ECMAScript 6标准（简称ES6）

2. js的引入方式

1.行内式js

  1. <p id="" class="" style="" onclick="console.log(2);">mjj</p>
  2. <!--console.log() 在控制台打印  onclick='' 单击，加事件：在<p>标签上加一个单击时执行在控制台打印的时间-->

2.内嵌式js

  1. <body>
  2. <script type="text/javascript">
  3.     //js代码
  4. </script>
  5. </body>

3.外接式js

  1. <!--可以放在html内的任意位置-->
  2. <script type="text/javascript" src="js/index.js"></script>
  3. <!--在外部的js文件中写js代码-->

3. js语句

每一句Javascript代码都以;作为结束当前语句。

1.注释

  • // 单行注释
  • /**/ 多行注释，多行注释快捷键：ctrl+shift+/

2.测试语句

  1. console.log('hello world');  //在控制台打印内容
  2. alert('hello world');  //弹出框显示内容
  3. console.log(window);  //打印window对象
  4. prompt(message:'请输入今天的天气？');  //在弹出框内输入内容，prompt会有一个返回值，命名一个对象（变量）来接收，变量命名格式：使用var关键字 + 变量名
  5. var name = prompt('请输入今天的天气？');  //接收prompt的返回值
  6. console.log(name);  //打印name对象

3.赋值运算符 —— 递增和递减运算符

  1. <script>
  2.     var a = 1;
  3.     a ++;  // 相当于a+=1;
  4.     console.log(a);
  6.     var a = 4;
  7.     //先将a的值赋值给c，再计算a++
  8.     var c = a ++;
  9.     console.log(c);//4
  10.     console.log(a);//5
  11.     //先计算a++，再将a的值赋值给c
  12.     var c = ++a;
  13.     console.log(c);//5
  14.     console.log(a);//5
  15. </script>

4. 变量

变量分为：基本数据类型、引用数据类型

4.1 基本数据类型

基本数据类型包含：number（整型）、string（字符串）、Boolean（布尔）、undefined(未定义的)、null（空对象）

  1. var a = 2;
  2. var b = '2' + a;  //不会报错，一个字符串+一个数字会默认将数字转成字符串再拼接
  3. var c = true;
  4. console.log(typeof b);  //打印变量的类型
  6. //先声明后定义——undefined
  7. var e;
  8. console.log(e);//查看值：undefined
  9. console.log(typeof e);//查看类型：是undefined
  10. var f = null;
  11. console.log(f);
  12. console.log(typeof  f);

注意：在控制台打印：整型为蓝色，字符串为黑色

4.2 引用数据类型

引用数据类型包含：Array（数组）、Object（对象）、function（函数）、Date(日期对象)

  1. var arr = ['张三','李四'];
  2. console.log(arr);
  4. //定义在对象中的函数，叫做对象的方法
  5. var obj = {
  6.     name:'mjj',
  7.     age:19,
  8.     fav:function () {
  9.         console.log(this); //存放对象的属性
  10.     }
  11. };
  12. obj.fav();

js — 基础知识的更多相关文章

  1. [JS复习] JS 基础知识

    项目结尾,空闲时间,又把<JS 基础知识> 这本书过了一遍,温故知新后,很多知其然不知其所以然的内容 豁然开朗. [1. 用于范围的标签] display  :inline or bloc ...

  2. HTML+CSS+JS基础知识

    HTML+CSS+JS基础知识 目录 对HTML+CSS+JS的理解 基础知识 对HTML+CSS+JS的理解 基础知识 插入样式表的三种方式 外部样式表:<link rel="sty ...

  3. Node.js基础知识

    Node.js入门   Node.js     Node.js是一套用来编写高性能网络服务器的JavaScript工具包,一系列的变化由此开始.比较独特的是,Node.js会假设在POSIX环境下运行 ...

  4. 网站开发进阶(十五)JS基础知识充电站

    JS基础知识充电站 1.javascript alert弹出对话框时确定和取消两个按钮返回值? 用的不是alert对话框,是confirm confirm(str); 参数str:你要说的话或问题: ...

  5. NodeJs>------->>第三章：Node.js基础知识

    第三章:Node.js基础知识 一:Node.js中的控制台 1:console.log.console.info  方法 console.log(" node app1.js 1> ...

  6. JS基础知识笔记

    2020-04-15 JS基础知识笔记 // new Boolean()传入的值与if判断一样 var test=new Boolean(); console.log(test); // false ...

  7. js基础知识--BOM

    之前说过,在js的 运行环境为浏览器时,js就主要有三部分组成: ECMAScript核心语法.BOM.DOM.今天就和大家详细说一下BOM的一些基础知识. BOM BOM通常被称为浏览器对象模型,主 ...

  8. JS基础知识总结

      js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划() ...

  9. js基础知识温习：Javascript中如何模拟私有方法

    本文涉及的主题虽然很基础,在很多人眼里属于小伎俩,但在JavaScript基础知识中属于一个综合性的话题.这里会涉及到对象属性的封装.原型.构造函数.闭包以及立即执行表达式等知识. 公有方法 公有方法 ...

  10. js基础知识总结（2016.11.1）

    js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避 ...

随机推荐

  1. Invalid JDK version in profile 'doclint-java8-disable': Unbounded range: [1.8, for project com.google.code.gson:gson 解决办法

    利用maven打包的时候遇到这个问题 在git上发现一个解决方案 问题解决

  2. 编程微语 2019-Summer

    不支持重新生成不是好的代码生成器.重新生成就会覆盖手工修改,实用性大打折扣.相比工具,更接近玩具.2019-05-04 有很多个标准,各自为政,就相当于没有标准.目前地球的文档(如纯文本/Word/P ...

  3. 教你阅读 Cpython 的源码（一）

    目录 第一部分-介绍 Cpython 源代码中有什么? 如何编译 Cpython 代码 编译器能做什么? 为什么 Cpython 是用 C 语言而是 Python 编写的? Python 语言的规范 ...

  4. jmeter 常用插件

    一.下载安装及使用 下载地址:https://jmeter-plugins.org/install/Install/ 安装:下载后文件为plugins-manager.jar格式,将其放入jmeter ...

  5. JSP（工作原理，组成部分，指令标签，动作标签，隐式对象）

    目录 JSP JSP 什么是JSP JSP全名为Java Server Pages 中文名叫java服务器页面 它是在传统的网页HTML文件(.htm,.html)中插入Java程序段和JSP标记 后 ...

  6. java定时案例

    好久没写笔记了,变懒了! java定时运行的三个案例: 一, 通过sleep方法来达到定时任务的效果 public class testTime { public static void main(S ...

  7. [游戏开发]imgui介绍

    创建窗口 ImGui::Begin("Hello, world!"); ImGui::End(); 其中, ImGui::Begin("Hello, world!&quo ...

  8. javascript创建对象的几种方式？

    javascript创建对象简单的说,无非就是使用内置对象或各种自定义对象,当然还可以用JSON:但写法有很多种,也能混合使用. 1.对象字面量的方式 person={ firstname:" ...

  9. (四)OpenCV-Python学习—形态学处理

    通过阈值化分割可以得到二值图,但往往会出现图像中物体形态不完整,变的残缺,可以通过形态学处理,使其变得丰满,或者去除掉多余的像素.常用的形态学处理算法包括:腐蚀,膨胀,开运算,闭运算,形态学梯度,顶帽 ...

  10. 组合数学---P1358 扑克牌

    P1358 扑克牌 题解 组合数学 Π c[剩余未选牌数][ai] ( i = 1,2,...,m ) 注意 组合数也要取模,不然数字太大会炸 组合数的具体实现就是Dp啊 代码 #include< ...