学习前端的第二周

alert与confirm的区别

二.JavaScript中的内容

1.可以改变文本内容（细节在于名称用双引号，innerHTML中的内容用单引号，onclick内的整体用单引号）

​

JavaScript 能够改变 HTML 内容。

​

点击我！

1. 改变图像的属性（通过点击按钮来切换图像）

   主要内容：οnclick="document.getElementById('my').src='图片'"

2. 改变字体大小and隐藏字体

   οnclick="document.getElementById('demo').style.fontSize='35px'"

   οnclick="document.getElementById('demo').style.display='none'"

   4.

   ​

   Hello JavaScript!

   ​

   显示隐藏元素首先最元素设置形式style="display:none"

   onclick里的style.display='block'

   5.定义函数时将定义的函数放在body中的script中

   （也可以弄在）

   6.引用外部脚本 和css引用方法类似

   7.

   JavaScript 显示方案

   JavaScript 能够以不同方式“显示”数据：

   • 使用 window.alert() 写入警告框

   • 使用 document.write() 写入 HTML 输出（把所有内容换成括号内的内容）

   • 使用 innerHTML 写入 HTML 元素

   • 使用 console.log() 写入浏览器控制台

     8.加粗文字

     9.在innerHTML中连接文字与数字

     10.规范输入：用加减符号时添加空格；代码一行少于80字符(换行最佳位置时算数符之后)，多了用分号隔开；一条语句多个变量中间用逗号隔开。

     11.字符串用单引号或者双引号；

     12."Bill" + " " + "Gates"表示一句话的方法

     13.注释

     单行注释（//）在每行结尾用//内容 来注释，多行注释/*

     内容*/

     14.（对变量进行赋值，并显示其赋值之后的值）

     <script> var carName = "porsche"; document.getElementById("demo").innerHTML = carName; </script>

     15.将数值放入引号中会将其变为字符串，并同化后面的数值一同变为字符串。

     16.作用域

     在函数外面声明的变量拥有全局作用域（通过var声明的变量没有快作用域）

     用var重新声明变量后之前声明的变量数值会随之改变，在块中声明会改变块外的数值。

     17.用let重新声明变量时在块中声明不会改变块外的量

   • 上述就造成了let与var在循环中的结果不同。

   • 声明变量时有以下几种情况：在任何情况都可以用var声明变量；在相同的作用域，或在相同的块中，通过 let 重新声明一个 var 变量是不允许的；在相同的作用域，或在相同的块中，通过 let 重新声明一个 let 变量是不允许的：

   在相同的作用域，或在相同的块中，通过 var 重新声明一个 let 变量是不允许的；在不同的作用域或块中，通过 let 重新声明变量是允许的；在同一作用域或块中，为已有的 const 变量重新声明声明或赋值是不允许的：

   在另外的作用域或块中重新声明 const 是允许的：

   18.运算符

   ===数值类型都相同，！=不相等，！==不等值或不等型，&&和，||或，！非，typeof 返回变量类型，**2平方，

   19.

   var cars = ["Porsche", "Volvo", "BMW"];         // 数组
   var x = {firstName:"Bill", lastName:"Gates"};    // 对象

20.对一辆车进行定义并学会输出数值

var person = { firstName : "Bill", lastName : "Gates", age : 62, eyeColor : "blue" };

// 显示对象中的数据： document.getElementById("demo").innerHTML = person.firstName + " 已经 " + person.age + " 岁了。";

21.函数定义function（参数一，参数二，参数三）{}所执行的函数

22.

常见的 HTML 事件

下面是一些常见的 HTML 事件：

23.

1. length 返回字符串的长度，需要<p>来定义填充document.getElementById（“”）中的内容

字符数数是从0开始数的。