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(慕课网学习笔记)的更多相关文章

  1. JavaScript入门--慕课网学习笔记

     JAVASCRIPT—(慕课网)入门篇 我们来看看如何写入JS代码?你只需一步操作,使用<script>标签在HTML网页中插入JavaScript代码.注意, <script&g ...

  2. JavaScript进阶--慕课网学习笔记

                         JAVASCRIPT—进阶篇 给变量取个名字(变量命名) 变量名字可以任意取,只不过取名字要遵循一些规则: 1.必须以字母.下划线或美元符号开头,后面可以跟字 ...

  3. HTML基本语法(慕课网学习笔记)

    标题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8& ...

  4. js之window对象(慕课网学习笔记)

    javaScript定义了一个变量一个函数都会变成window中的一个成员 var a=1; alert(window.a) //会输出a的值 window基础 创建窗口.调整窗口.移动窗口.关闭窗口 ...

  5. js之DOM入门(慕课网学习笔记)

    DOM简介 获得元素 document.getElementById('') 1.通过id获得元素内容 document.getElementsByTagName('') 2.通过标签获得元素内容 d ...

  6. Float浮动(慕课网学习笔记)

    float浮动 属性:值 意义 float:left 左浮动 float:right 右浮动 float:none 不浮动 float:inherit 继承父元素浮动属性,若父元素没有浮动属性则失效 ...

  7. CSS基本语法(慕课网学习笔记)

    CSS的声明,内外联样式以及CSS的优先级 css学习.html <!DOCTYPE html> <html lang="en"> <head> ...

  8. 【慕课网学习笔记】Java共享变量的可见性和原子性

    1. Java内存模型(Java Memory Model, JMM) Java的内存模型如下,所有变量都存储在主内存中,每个线程都有自己的工作内存. 共享变量:如果一个变量在多个线程中都使用到了,那 ...

  9. CSS定位(慕课网学习笔记)

    定位模型 static自然模型 relative相对定位模型 absolute绝对定位模型 fixed固定定位模型 sticky磁铁定位模型 possition之static(默认的设置)(静态定位. ...

随机推荐

  1. File类与常用IO流第九章——转换流

    第九章.转换流 字节编码和字符集 编码:按照某种规则将字符以二进制存储到计算机中. 解码:将存储在计算机中的二进制数按照某种规则解析显示出来. 字符编码:Character Encoding ,就是一 ...

  2. Python语言对Json对象进行新增替换操作

    # Json字符串进行新增操作import jsonimport os# os.path.dirname(__file__):表示当前目录path = os.path.join(os.path.dir ...

  3. C++引用的概念以及基本使用

    引言 引用是C++的新增内容,在实际开发中会经常使用:C++用的引用就如同C语言的指针一样重要,但它比指针更加方便和易用. 我们知道,参数的传递本质上是一次赋值的过程,即将一块内存上的数据复制到另一块 ...

  4. 如何让py生成pyd

    pyd文件类似于C++中的dll,可以编译,但是看不到源代码. py转换成pyd参考链接:https://blog.csdn.net/weixin_44493841/article/details/1 ...

  5. 本地图片转base64编码

    通常获取图片的base64编码都是通过input的上传file属性获取转化,但是有时候需要的是本地图片不经过上传操作,直接拿本地图片转成base64编码就不行了,input上传操作需要人为操作一下,没 ...

  6. .net core连接Liunx上MS SQL Server

    场景 由于业务要求,需要对甲方的一个在SQL Server上的财务表进行插入操作.研究了半天,因为一个小问题折腾了很久. 过程 .net core端: 1. 利用EF,就需要的导入相关的Nuget包, ...

  7. 痞子衡嵌入式:ARM Cortex-M内核那些事(9.1)- 存储保护(MPU - PMSAv6/7)

    大家好,我是痞子衡,是正经搞技术的痞子.今天痞子衡给大家介绍的是ARM Cortex-M存储保护模块(MPU). <ARM Cortex-M内核MCU开发那些事>的内核篇连载最早是 201 ...

  8. 密码三次就会锁掉 while 循环

    while 只要给定的条件为真,C 语言中的 while 循环语句会重复执行一个目标语句 一般定义 //return_type function_name( parameter list ) //{ ...

  9. 月薪20k+的Android面试都问些什么?(含答案)

    金九银十跳槽季接近尾声了,可是今年由于疫情的影响仍然不太好找工作,相信大家肯定急需一套Android面试宝典,下面就分享给大家我珍藏已久的Android高阶面试宝典,供大家学习 ! 1.自定义Hand ...

  10. Maven 基础标签之版本管理和冲突解决

    前言 我们在做java项目的时候由于jar包太多,我们就需要使用maven做项目管理,管理项目的jar包依赖,包括打包上线 maven基础 Maven 是一个项目管理工具,主要用于项目构建,依赖管理, ...