2020-10-21

最新推荐文章于 2020-11-04 22:00:45 发布

原创最新推荐文章于 2020-11-04 22:00:45 发布 · 128 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

javascript 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了JavaScript中的流程控制，包括顺序结构、分支结构（if、switch）和循环结构，并探讨了DOM编程艺术中的最佳实践，如平稳退化、代码分离和向后兼容性。示例展示了如何使用JavaScript打开浏览器窗口，并强调了将JavaScript代码绑定到onload事件以确保正确执行的重要性。同时，文章提及了对象检测以确保代码在不同浏览器中的兼容性。

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事件上去

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