初识javaScript(慕课网学习笔记)

js输出

window.alert() 警告框
document.write() 写到HTML文档中
innerHTML 写到HTML元素
console.log() 写到浏览器的控制台

<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<title>js输出</title>

</head>

<body>

	<p id="one"></p>

	<script type="text/javascript">

		/**

		 1. window.alert()  警告框

		 2. document.write()  写到HTML文档中

		 3. innerHTML  写到HTML元素

		 4. console.log()  写到浏览器的控制台

		**/

		// 弹出一个警告框 window可以省略

		window.alert("helloword");

		// 写到网页中

		document.write('helloword');

		// 写到元素之中，这里例子是写到p中

		document.getElementById('one').innerHTML = 'iiiiii';

		// 输出到f12->console

		console.log('123');

	</script>

</body>

</html>

js语句与注释

分号
javaScript 代码
javaScript 语句标识符
代码块
单行和多行注释

<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<title>js语句与注释</title>

</head>

<body>

	<script type="text/javascript">

		/**

		 - 分号

		 - javaScript  代码

		 - javaScript  语句标识符 var if for

		 - 代码块

		 - 单行和多行注释

		**/

		var a=1

		// 代码块

		function b(){

			var c=1;

			var d=2;

		}

		//单行注释

		/*

		多行注释

		*/

	</script>

</body>

</html>

js数据类型

字符串（String）
数字（Number）
布尔（Boolean）
数组（Array）
对象（Object）
空（Null）
未定义（Undefined）

<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<title>js数据类型</title>

</head>

<body>

	<script type="text/javascript">

		/**

		 * 字符串 (String)

		 * 数字 (Number)

		 * 布尔 (Boolean)

		 * 数组 (Array)

		 * 对象 (Object)

		 * 空 (Null)

		 * 未定义 (Undefined)

		 */

		// var可以声明各种类型

		var x;               // x 为 undefined

		var y = 5;           // y 为数字

		var z = "John";      // z 为字符串

		// 字符串

		var carname="Volvo XC60";

		var carname='Volvo XC60';

		// 数字

		var x1=34.00;      //使用小数点来写

		var x2=34;         //不使用小数点来写

		// 布尔

		var x=true;

		var y=false;

		// 数组

		var cars=new Array();

		cars[0]="hello";

		cars[1]="word";

		var cars=new Array("Saab","Volvo","BMW");

		var cars=["Saab","Volvo","BMW"];

		// JavaScript 对象   键值对

		var person={

			firstname:"hello",

			lastname:"word",

			id:5566

		};

		// 相应的取值方式

		console.log(person.firstname)

		console.log(person["firstname"])

		// Undefined 和 Null

		// Undefined 这个值表示变量不含有值。

		// 可以通过将变量的值设置为 null 来清空变量

		var persons;

		var car="Volvo";

		car=null

	</script>

</body>

</html>

js变量

变量必须以字母开头
变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
变量名称对大小写敏感（y 和 Y 是不同的变量）

js函数

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块
function a( 参数 ){} 声明会前置
var a = function( 参数 ){} 匿名函数
函数中的 return

<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<title>js函数</title>

</head>

<body>

	<script type="text/javascript">

		/**

		 *  函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块

			function  a( 参数 ){}   声明会前置

			var  a  =  function( 参数 ){}  匿名函数

			函数中的 return

		 */

		function a(){

			//输出到控制台

			console.log(1111);

			console.log(2222);

			console.log(3333);

			console.log(4444);

			console.log(5555);

			console.log(6666);

		}

		//重复使用

		a();

		a();

		a();

		a();

		b('hello', 'world');

		//函数声明会被自动前置，即上面调用b函数是可以的

		function b(cs1, cs2){

			console.log(cs1, cs2);

		}

		//匿名函数

		var c = function(cs1, cs2, cs3){

			console.log(cs1, cs2, cs3);

		}

		c(1,2,3);

		//return 返回相应的值

		function d(){

			return "this is return function";

		}

		var d1 = d();

		console.log('this is a d1: ',  d1);

	</script>

</body>

</html>

运算符

赋值运算符 = += -= 等
算术运算符 + - * / 等
字符串的 + 运算符

<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<title>js运算符</title>

</head>

<body>

	<script type="text/javascript">

		/**

		 *  赋值运算符  =   +=   -= 等

			算术运算符  +  -   *   / 等

			字符串的 + 运算符

		 *

		 *

		 *

		 */

		var a = 1;  //赋值

		a += 3;   // a = a + 3;

		console.log(a);   //4

		var b = 2;

		b = b * 3;

		console.log(b); //6

		var c = 'hello';

		var d = 'world';

		var e = c + d;

		console.log(e);  //helloword

	</script>

</body>

</html>

js比较与逻辑运算符

< 小于
> 大于
**== 等于 1 == ‘1’ **
=== 绝对等于（值和类型均相等）
!= 不等于
&& and
|| or
注意5=='5’返回值为True,5==='5’返回值为false

条件语句及switch语句(和java一样不讲)

if、else、switch、case、break、default

js中for循环与while循环

for 循环代码块一定的次数
for/in循环遍历对象
while指定条件为true时循环指定的代码块

<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<title>js中for循环与while循环</title>

</head>

<body>

	<script type="text/javascript">

		/**

		 *

		 *  for - 循环代码块一定的次数

			for/in - 循环遍历对象

			while - 当指定的条件为 true 时循环指定的代码块

		 */

		for( var i = 0; i < 10 ; i++ ){

			console.log('i:'+ i);

		}

		var person = {

			name : 'json',

			age : 25,

			sg: 170

		}

		for( key in person ){

			console.log(person[key])

		}

		var count = 1;

		while( count < 10 ){

			count++ ;

			console.log('执行while循环');

		}

	</script>

</body>

</html>

js中break和continue语句

break语句可以跳出循环
continue语句跳出本次循环，继续执行

初识javaScript(慕课网学习笔记)的更多相关文章

JavaScript入门--慕课网学习笔记
JAVASCRIPT—(慕课网)入门篇我们来看看如何写入JS代码?你只需一步操作,使用<script>标签在HTML网页中插入JavaScript代码.注意, <script&g ...
JavaScript进阶--慕课网学习笔记
JAVASCRIPT—进阶篇给变量取个名字(变量命名) 变量名字可以任意取,只不过取名字要遵循一些规则: 1.必须以字母.下划线或美元符号开头,后面可以跟字 ...
HTML基本语法（慕课网学习笔记）
标题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8& ...
js之window对象（慕课网学习笔记）
javaScript定义了一个变量一个函数都会变成window中的一个成员 var a=1; alert(window.a) //会输出a的值 window基础创建窗口.调整窗口.移动窗口.关闭窗口 ...
js之DOM入门（慕课网学习笔记）
DOM简介获得元素 document.getElementById('') 1.通过id获得元素内容 document.getElementsByTagName('') 2.通过标签获得元素内容 d ...
Float浮动（慕课网学习笔记）
float浮动属性:值意义 float:left 左浮动 float:right 右浮动 float:none 不浮动 float:inherit 继承父元素浮动属性,若父元素没有浮动属性则失效 ...
CSS基本语法（慕课网学习笔记）
CSS的声明,内外联样式以及CSS的优先级 css学习.html <!DOCTYPE html> <html lang="en"> <head> ...
【慕课网学习笔记】Java共享变量的可见性和原子性
1. Java内存模型(Java Memory Model, JMM) Java的内存模型如下,所有变量都存储在主内存中,每个线程都有自己的工作内存. 共享变量:如果一个变量在多个线程中都使用到了,那 ...
CSS定位（慕课网学习笔记）
定位模型 static自然模型 relative相对定位模型 absolute绝对定位模型 fixed固定定位模型 sticky磁铁定位模型 possition之static(默认的设置)(静态定位. ...

随机推荐

手写Spring框架，是时候撸个AOP与Bean生命周期融合了！
作者:小傅哥博客:https://bugstack.cn 沉淀.分享.成长,让自己和他人都能有所收获! 一.前言嘎小子,这片代码水太深你把握不住! 在电视剧<楚汉传奇>中有这么一段刘邦 ...
Linux chgrp命令的使用
Linux chgrp(change group)命令用于变更文件或目录的所属群组. 语法 chgrp [-cfhRv][--help][--version][所属群组][文件或目录...] 或 ch ...
Nginx负载均衡反向代理服务器
1.第一步先在IIS中创建多个网站,分别用不同的端口号.这里创建两个网站端口号分别8084.8085,在Nginx配置中会用到.测试两个网站能正常访问. 2.配置Nginx 1)增加负载均衡请求列表 ...
Android开发在Activity外申请权限调用相机打开相册
问题描述: 最近在项目中遇到一个需要调用相册和打开相机的需求,但是,在Android 6.0以后,调用相册属于危险权限,需要开发者动态获取,这就意味着我们申请权限是与Activity绑定的,但如果一个 ...
构建前端第9篇之(上)---Vue组件引入,使用
张艳涛写于2020-1-25日一.想写下vue引入组件和插件的理解今天是星期一,周末也看俩两天,在这个几天了,比较迷,主要是从开始学习import指令开始的,import 是es6的语法, imp ...
大数据学习（20）—— Zookeeper介绍
ZooKeeper是什么就像相声大师冯巩每次出场都说:"亲爱的观众朋友们,我想死你们啦"一样,我再强调一次,学习大数据官网很重要.Zookeeper官网看这里ZooKeeper ...
;~ 小部分AutoHotkey脚本源代码测试模板样板.ahk
; ;~ 小部分AutoHotkey脚本源代码测试模板样板.ahk ;~ 请把一行或几行少量代码放到此文件中实际测试一下,;~ 看看测试结果如何,等到能够实现代码功能时再复制到自己的脚本代码文件中;~ ...
【进阶之路】Java的类型擦除式泛型
Java选择的泛型类型叫做类型擦除式泛型.什么是类型擦除式泛型呢?就是Java语言中的泛型只存在于程序源码之中,在编译后的字节码文件里,则全部泛型都会被替换为原来的原始类型(Raw Type),并且会 ...
未知高度-纯css实现水平垂直居中
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
Bugku-web-字符？正则？
题目意思很明显,根据给出的规则构造出合理的正则表达式然后通过get方式提交弹出Flag. i:字体大小 /..../表示开始和结束. .号表示匹配0-9任一数字 *号表示重复前一个字符多次 {4,7} ...

初识javaScript(慕课网学习笔记)

js输出

js语句与注释

js数据类型

js变量

js函数

运算符

js比较与逻辑运算符

条件语句及switch语句(和java一样不讲)

js中for循环与while循环

js中break和continue语句

初识javaScript(慕课网学习笔记)的更多相关文章

随机推荐

热门专题