学习前端的第二周

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 事件：

事件	描述
onchange	HTML 元素已被改变
onclick	用户点击了 HTML 元素
onmouseover	用户把鼠标移动到 HTML 元素上
onmouseout	用户把鼠标移开 HTML 元素
onkeydown	用户按下键盘按键
onload	浏览器已经完成页面加载

23.

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

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