js — 基础知识
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
<p id="" class="" style="" onclick="console.log(2);">mjj</p>
<!--console.log() 在控制台打印 onclick='' 单击,加事件:在<p>标签上加一个单击时执行在控制台打印的时间-->
2.内嵌式js
<body>
<script type="text/javascript">
//js代码
</script>
</body>
3.外接式js
<!--可以放在html内的任意位置-->
<script type="text/javascript" src="js/index.js"></script>
<!--在外部的js文件中写js代码-->
3. js语句
每一句Javascript代码都以;作为结束当前语句。
1.注释
- // 单行注释
- /**/ 多行注释,多行注释快捷键:ctrl+shift+/
2.测试语句
console.log('hello world'); //在控制台打印内容
alert('hello world'); //弹出框显示内容
console.log(window); //打印window对象
prompt(message:'请输入今天的天气?'); //在弹出框内输入内容,prompt会有一个返回值,命名一个对象(变量)来接收,变量命名格式:使用var关键字 + 变量名
var name = prompt('请输入今天的天气?'); //接收prompt的返回值
console.log(name); //打印name对象
3.赋值运算符 —— 递增和递减运算符
<script>
var a = 1;
a ++; // 相当于a+=1;
console.log(a);
var a = 4;
//先将a的值赋值给c,再计算a++
var c = a ++;
console.log(c);//4
console.log(a);//5
//先计算a++,再将a的值赋值给c
var c = ++a;
console.log(c);//5
console.log(a);//5
</script>
4. 变量
变量分为:基本数据类型、引用数据类型
4.1 基本数据类型
基本数据类型包含:number(整型)、string(字符串)、Boolean(布尔)、undefined(未定义的)、null(空对象)
var a = 2;
var b = '2' + a; //不会报错,一个字符串+一个数字会默认将数字转成字符串再拼接
var c = true;
console.log(typeof b); //打印变量的类型
//先声明后定义——undefined
var e;
console.log(e);//查看值:undefined
console.log(typeof e);//查看类型:是undefined
var f = null;
console.log(f);
console.log(typeof f);
注意:在控制台打印:整型为蓝色,字符串为黑色
4.2 引用数据类型
引用数据类型包含:Array(数组)、Object(对象)、function(函数)、Date(日期对象)
var arr = ['张三','李四'];
console.log(arr);
//定义在对象中的函数,叫做对象的方法
var obj = {
name:'mjj',
age:19,
fav:function () {
console.log(this); //存放对象的属性
}
};
obj.fav();
js — 基础知识的更多相关文章
- [JS复习] JS 基础知识
项目结尾,空闲时间,又把<JS 基础知识> 这本书过了一遍,温故知新后,很多知其然不知其所以然的内容 豁然开朗. [1. 用于范围的标签] display :inline or bloc ...
- HTML+CSS+JS基础知识
HTML+CSS+JS基础知识 目录 对HTML+CSS+JS的理解 基础知识 对HTML+CSS+JS的理解 基础知识 插入样式表的三种方式 外部样式表:<link rel="sty ...
- Node.js基础知识
Node.js入门 Node.js Node.js是一套用来编写高性能网络服务器的JavaScript工具包,一系列的变化由此开始.比较独特的是,Node.js会假设在POSIX环境下运行 ...
- 网站开发进阶(十五)JS基础知识充电站
JS基础知识充电站 1.javascript alert弹出对话框时确定和取消两个按钮返回值? 用的不是alert对话框,是confirm confirm(str); 参数str:你要说的话或问题: ...
- NodeJs>------->>第三章:Node.js基础知识
第三章:Node.js基础知识 一:Node.js中的控制台 1:console.log.console.info 方法 console.log(" node app1.js 1> ...
- JS基础知识笔记
2020-04-15 JS基础知识笔记 // new Boolean()传入的值与if判断一样 var test=new Boolean(); console.log(test); // false ...
- js基础知识--BOM
之前说过,在js的 运行环境为浏览器时,js就主要有三部分组成: ECMAScript核心语法.BOM.DOM.今天就和大家详细说一下BOM的一些基础知识. BOM BOM通常被称为浏览器对象模型,主 ...
- JS基础知识总结
js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划() ...
- js基础知识温习:Javascript中如何模拟私有方法
本文涉及的主题虽然很基础,在很多人眼里属于小伎俩,但在JavaScript基础知识中属于一个综合性的话题.这里会涉及到对象属性的封装.原型.构造函数.闭包以及立即执行表达式等知识. 公有方法 公有方法 ...
- js基础知识总结(2016.11.1)
js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避 ...
随机推荐
- Java中BigDecimal的equals与compareTo的区别
有个是否为零的判断[BigDecimal.ZERO.equals(ratio)]我用了BigDecimal的equals方法,结果,判断失败,因此特地分析一下equals与compareT ...
- Java使用超级工具包Hutool操作数据库
#=================================================================== # pom.xml中添加引用 # <!-- https: ...
- idea 2019激活码
9MWZD5CC4E-eyJsaWNlbnNlSWQiOiI5TVdaRDVDQzRFIiwibGljZW5zZWVOYW1lIjoiMjAxNzY1MDYxQGNxdS5lZHUuY24gLiIsI ...
- Colab使用教程
目录 有关链接 使用GPU 切换文件夹 参考 有关链接 Google Colabratory Google Drive 使用GPU 以下两种方式都可以: "修改"->&quo ...
- Linux单独打包工具-Ubuntu
Electron-Packager 使用electron-packager打包:https://github.com/electron/electron-packagerelectron-packag ...
- Macbook上打开多个终端的方法
方法有如下两种 1.首先是的焦点在终端上(使用鼠标点击下终端).然后使用快捷键command+N 即可得到另一个终端界面. (如果现在光标的焦点在浏览器上,那么就是新打开一个浏览器窗口) 2.同样,光 ...
- Python 中的 -> 是什么意思
函数标注通常用于 类型提示:例如以下函数预期接受两个 int 参数并预期返回一个 int 值:```def sum_two_numbers(a: int, b: int) -> int:retu ...
- 学习笔记——C++编程cin测试记录
cin读取输入流,遇到空格会暂停,下次继续读入剩下的,+++. #include <iostream> using namespace std; int main() { cout< ...
- requests与urllib.request
requests很明显,在写法上与urllib.request不同,前者多一个 S.导入包时:import requestsimport urllib.requesturllib.request请求模 ...
- 【转载】 AutoML相关论文
原文地址: https://www.cnblogs.com/marsggbo/p/9308518.html ---------------------------------------------- ...