2020-10-21

10.21 流程控制&最佳实践 javascript兼容性

1.流程控制分支结构导图
 学习目标：

能够使用if分支语句
能够使用switch分支语句
能够使用三元表达式

# 学习内容：
**什么是流程控制呢？**
我们需要通过控制代码的执行顺序来实现我们要完成的功能
流程控制就是控制我们的代码按照什么结构顺序来执行

if条件语句：

if(条件表达式）{
//执行语句}

 

流程控制：

 - 顺序结构
 - 分支结构
 - 循环结构
 顺序结构是程序中最简单最基本的流程控制，它没有特定的语法结构，大多数程序都是这样执行的。
 
 - if语句
 - switch语句
 根据不用的条件，执行不同的路径代码，从而得到不同的结果，执行代码多选一的过程。

 

 

**javacript  dom编程艺术**
第五章：最佳实践
平稳退化/分离javascrpt/向后兼容性/性能考虑

Javascript打开浏览器窗口：
使用windows对象的open（）

```javascript

function popUp(winURL){
  window.open(winURL,"POPUP","width=320,height=480");
  }

```

```javascript

var links = document.getElementsByTagName("a");
for(var i=0;i<link.length;i++){
  if(links[i].getAttribute("class") == "popUp"){
    links[i].onclick=function(){
      popUp(this.getAttribute("href"));
    return false;
    }
   }
}

```
这个是分离javascript的含义，但是不能正常工作，因为该javascript在文件被加载时立即执行，无论放在哪里，都没有办法判定是哪个文件先结束
想要让这些代码在html文件全部加载到浏览器之后马上执行
应该把这段代码打包再preparelinks函数里，然后把这个函数添加到onload事件上去

为了判断是否兼容还要进行对象检测，看这些语句是否能在浏览器运行。
明天再回顾一遍    今天太晚了  先就这样了
今天学习时间比较短，继续加油！