前端4-7-1：js单线程、tr、td、colspan、rowspan

我就是我 2022-11-16 10:47 110阅读 0赞

**1、以下代码输出结果是（）**

<ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>
    <script>
      var elements = document.getElementsByTagName("li");
      for (var i=0;i<elements.length;i++){
         elements[i].onclick =function( ){
           alert(i); 
         };
     }

A、1, 2, 3, 4

B、1, 1, 1, 1

C、3, 3, 3, 3

D、4, 4, 4, 4

**【知识点：js单线程】**

js是单线程的，一个时间点只能做一件事，优先处理同步任务； 按照代码从上往下执行，遇到异步，就挂起，放到异步任务里，继续执行同步任务，只有同步任务执行完了，才去看看有没有异步任务，然后再按照顺序执行！

**【解析】**

这里for循环是同步任务，onclick是异步任务，所以等for循环执行完了，i变成4了，注意：这里因为i是全局变量，最后一个i++，使得i为4(后面的onclick函数，最后在循环外面执行，不受i<length限制)； 所以for循环每执行一次，onclick事件函数都会被挂起一次，共4次； for循环结束后，点击事件 触发了4个onclick函数，接着输出4个4！

--------------------

**2、如何获取下面表单 select（）域的选择部分的文本？()**

A、obj.options\[obj.selectedIndex\].text

B、obj.options\[obj.selectedIndex\].value

C、obj. value

D、obj.text

**【解析】**

详见：[JS：获取下拉框节点对象、当前值、索引、文本内容][JS]

--------------------

**3、通过分析如下HTML代码，可以得出( )**

A、该表格共有2行3列

B、该表格中的文字均居中显示