HTML的加载过程导致的js中代码不执行

HTML的加载过程

Jsp中代码如下:

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
html>
lang="en">

http-equiv="Content-Type" content="text/html; charset=utf-8" />
</span><span style="color:#a9b7c6;">多维分析工具</span><span style="color:#a9b7c6;">(OLAP)</span><span style="color:#e8bf6a;">

class="gray-bg" >

 

  一线城市:



Js中内容如下:

if($ == undefined){
    $ = jQuery
;
}


    $('.selectpicker').on('changed.bs.select',function(){
           
alert($('#firstAddress').val());
       
}
    )
;

但是change时并没有执行?什么原因?怎么解决?

 

原因如下:

从上到下运行,先解析head标签中的代码,

(1)head标签中会包含一些引用外部文件的代码,从开始运行就会下载这些被引用的外部文件

         当遇到script标签的时候

         浏览器暂停解析(不是暂停下载),将控制权交给JavaScript引擎(解释器)

         如果

你可能感兴趣的:(前端)