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的规划():避 ...
随机推荐
- Codeforces - 2019年11月补题汇总
大概目标是补到 #500 为止的 Div. 2 ,先定个小目标,寒假开始前补到 #560 为止 Codeforces Round #599 (Div. 2) 5/6 备注:0-1BFS(补图连通块) ...
- [CERC2015]Juice Junctions(边双连通+字符串hash)
做法 考虑边数限制的特殊条件,显然答案仅有\(\{0,1,2,3\}\) 0:不联通 1:连通 2:边双连通 3:任意删掉一条边都为边双连通 考虑每次删边后记录各点的边双染色情况来特判\(3\):是否 ...
- (转)centos7安装telnet服务
借鉴:https://www.cnblogs.com/daipenglin/p/4934572.html 阅读目录 1 CentOS7.0 telnet-server 启动的问题 场景:在进行Teln ...
- Result window is too large, from + size must be less than or equal to [10000]
使用sql插件执行如下语句的时候报错http://10.127.0.1:9200/_sql?sql=select * from test limit 1000000 错误信息:{"error ...
- LeetCode 第 150 场周赛
一.拼写单词(LeetCode-1160) 1.1 题目描述 1.2 解题思路 由于给定的chars,每个字母只能用一次,所以用大小为26的数组charsArray来表示a-z(例如charsArra ...
- LeetCode 209. 长度最小的子数组（Minimum Size Subarray Sum）
题目描述 给定一个含有 n 个正整数的数组和一个正整数 s ,找出该数组中满足其和 ≥ s 的长度最小的连续子数组.如果不存在符合条件的连续子数组,返回 0. 示例: 输入: s = 7, nums ...
- sql 从服务器取消主从复制
mysql>change master to master_host='' mysql>stop slave;reset slave;
- css 百分比减去像素
1)第一种实现方式 @body_center_width: ~`$(document).width()-400+'px'`; #helloworld { width: @body_center_wid ...
- SQL-W3School-总结：SQL 总结
ylbtech-SQL-W3School-总结:SQL 总结 1.返回顶部 1. SQL 概要 本教程已经向您讲解了用来访问和处理数据库系统的标准计算机语言. 我们已经学习了如何使用 SQL 在数据库 ...
- js事件函数中（ev）是什么鬼？
首先,从ev所在的位置就可以得知,ev是参数. 在ev中包含了事件触发时的函数, 比如: click事件的ev中包含着e.pageX,e.pageY keydown事件中包含着ev.keyCode等 ...