1、if的括号里，一定是一个布尔值，只可以是true或false，但这个布尔值可以是表达式计算结果。你常见的if(a == b)实际上如果a和b是相等的，首先还是变成if(true)，如果括号里直接就是if(true)，这是很正常的，因为如果if的括号里是true，就执行if段，否则就执行else段。
成都创新互联是一家专业的成都网站建设公司，我们专注成都做网站、网站建设、网络营销、企业网站建设，友情链接，1元广告为企业客户提供一站式建站解决方案，能带给客户新的互联网理念。从网站结构的规划UI设计到用户体验提高，创新互联力求做到尽善尽美。
2、正因为if(true)会执行if段，所以在if段把onOff变成false，以便让它执行else段； 在else段让onOff变成true，如此反复循环，就变成了一下执行if，一下执行esle。
3、window.onload是一个事件，它会在页面中所有元素都加载完成的时候触发这个事件。并不是说浏览器会一直循环等待事件触发，而是浏览器感知你的一切操作，当某个操作进行时，它再去触发这个事件，并执行给这个事件绑定的函数。就好像你告诉百度，“有人回答这个问题就通知你一下”，这个就是一个事件，并不需要你不停的来看看是否有人回答，而是有人回答完之后，百度会去告诉你，而百度也不需要一直看是否有人回答，只需要在我回答的时候，自动感知有人回答，然后再自动去告诉，比如发个通知。
4、函数的作用域是可以嵌套的，aa函数的作用域大于bb函数的作用域，所以bb函数可以用aa函数的，因为它知道它的上级可以给它提供这些变量。但是aa却不能使用bb中的变量，因为它无法预知bb中是否有这个变量，这是比较俗的讲法。实际上js作用域问题是一个很大的问题，在这里根本无法三言两语讲清楚。你要是真想知道，还是专门去多找几篇关于js作用域的博客看看，收获会很大。
今天小编要跟大家分享的文章是关于学习Web前端要知道的JavaScript、Ajax、jQuery知识。今天小编将详细解读JavaScript、ajax、jQuery是什么？他们可以实现什么？想要学习Web前端的小伙伴们来和小编一起看一看吧！
1、JavaScript
·___ㄒ澹
javaScript的简写形式就是JS，是由Netscape公司开发的一种脚本语言，一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能（其编写的程序可以被嵌入到HTML或XML页面中，并直接在浏览器中解释执行）。
·___槌刹糠郑
核心（ECMAScript）、文档对象模型（DocumentObjectModel，简称DOM）、浏览器对象模型（BrowserObjectModel，简称BOM）
·___枋觯
Javascript就是适应动态网页制作的需要而诞生的一种新的编程语言，如今越来越广泛地使用于Internet网页制作上。
Javascript是由Netscape公司开发的一种脚本语言（scripting
language），或者称为描述语言。在HTML基础上，使用Javascript可以开发交互式Web网页。
Javascript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系，使网页包含更多活跃的元素和更加精彩的内容。
Javascript短小精悍，又是在客户机上执行的，大大提高了网页的浏览速度和交互能力。同时它又是专门为制作Web网页而量身定做的一种简单的编程语言。
主流的javaScript框架有：YUI,Dojo，Prototype，jQuery...
2、AJax
·___ㄒ澹
AJAX即“AsynchronousJavaScriptandXML”（异步JavaScript和XML)，AJAX并非缩写词，而是由JesseJamesGaiiett创造的名词，是指一种创建交互式网页应用的网页开发技术。
_JAX不是一个技术，它实际上是几种技术，每种技术都有其独特之处，合在一起就成了一个功能强大的新技术。
·___槌桑
基于XHTML和CSS标准的表示；
使用Document
ObjectModel进行动态显示和交互；
使用XML和XSLT做数据交互和操作；
使用XML
HttpRequest与服务器进行异步通信；
使用JavaScript绑定一切。
·___枋觯
Ajax是结合了Java技术、XML以及JavaScript等编程技术，可以让开发人员构建基于Java技术的Web应用，并打破了使用页面重载的管理。
Ajax技术使用非同步的HTTP请求，在Browser和WebServer之间传递数据，使Browser只更新部分网页内容而不重新载入整个网页。
Ajax是使用客户端脚本与Web服务器交换数据的Web应用开发方法。这样，Web页面不用打断交互流程进行重新加裁，就可以动态地更新。使用Ajax，用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面。
3、jQuery
·___ㄒ澹
jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTML
documents、events、实现动画效果，并且方便地为网站提供AJAX交互。
·___氐悖
轻量级、链式语法、CSS1-3选择器、跨浏览器、简单、易扩展；
jQuery是一种独立于服务器端代码的框架，独立于ASP.NET或者JAVA；
jQuery是当前很流行的一个JavaScript框架，使用类似于CSS的选择器，可以方便的操作HTML元素，拥有很好的可扩展性，拥有不少插件。
·___枋觯
对于程序员来说，简化javascript和ajax编程，能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。
对于用户来说，改善了页面的视觉效果，增强了与页面的交互性，体验更绚丽的网页物资。javaScript框架实际上是一系列工具和函数。
4、三者的关系
下面我用一张导图来阐述这三者的关系：
解释：
javaScript是用于Web客户端开发的脚本语言，Ajax是基于JS语言，主要组合JS、CSS、XML三种技术的新技术，是用于创建交互式网页应用的网页开发技术。jQuery是JS的框架，基于JS语言，集合Ajax技术开发出来的JS库，封装JS和Ajax的功能，提供函数接口，大大简化了Ajax，JS的操作。
以上就是小编今天为大家分享的关于学习Web前端要知道的JavaScript、Ajax、jQuery知识的文章，希望本篇文章能够对正在从事Web前端工作的小伙伴们有所帮助。想要了解更多Web前端知识记得关注北大青鸟Web培训官网。最后祝愿小伙伴们工作顺利，成为一名优秀的Web前端工程师！
原文链接：#/u/155352/blog/789347
SHAPE\*MERGEFORMAT
SHAPE\*MERGEFORMAT
方法和详细的操作步骤如下：
1、第一步，打开HBuilder工具，并在Web项目的js文件夹中创建一个新的JavaScript文件ConnDB.js，使用require（）引入mysql模块，然后将该值分配给变量mysq，见下图，转到下面的步骤。
2、第二步，完成上述步骤后，调用createConnection（）方法设置主机，用户名，密码，端口并返回数据，见下图，转到下面的步骤。
3、第三步，完成上述步骤后，调用mysql模块中的connect（）方法以连接到mysql数据，见下图，转到下面的步骤。
4、第四步，完成上述步骤后，编写查询语句SQL并将其作为字符串分配给变量sq，见下图，转到下面的步骤。
5、第五步，完成上述步骤后，调用query（），根据返回值判断结果，然后打印返回，见下图。这样，就解决了这个问题了。
javascript是运行在浏览器内的脚本语言，为了安全，不能访问任何的系统资源，所以也不可能直接访问数据库。如果需要在浏览器中进行数据库操作的话，通常的方法是在WEB服务器上采用ASP JSP之类的语言访问数据库，然后把结果返回给浏览器中运行的Javascript流程就是（以ASP为例） 浏览器上Javascript发起网页请求--ASP访问数据库--ASP生成结果（例如是一行行的文本）--浏览器上Javascript分析结果--把结果在浏览器上显示。相关的技术有 AJAX（可以参考下JQuery），ASP访问数据库（这个很多办法，自己百度吧）。
javascript代码和其他服务器端代码一样，都是按顺序执行的。
但是这里有几个代码跳转的地方：
1、setTimeout / setInterval
这两个函数中的代码是定时执行，不在顺序中；
2、ajax
Ajax一般来说，在 成功/失败 获取服务器端数据后会有js代码来处理接受到的数据；ajax有两种情况，分别是同步和异步；同步是指的，js在发送ajax请求后阻塞代码执行，一直到ajax获取到服务器返回数据，然后继续按代码顺序执行，也就是说，这种情况下，ajax后面的代码中可以正常使用ajax返回的数据；异步是指ajax请求发送后，代码跳过ajax，继续执行其后的代码，ajax 响应代码在ajax获取数据后执行，也就是说，这种情况下，ajax后面的代码中不能确定ajax的状态，也不可以ajax返回的数据。
下面复制于网络，详细讲解javascript中的各种控制结构。
一、条件选择结构
条件选择语句用于基于不同的条件来执行不同的动作，通常在写代码时，总是需要为不同的决定来执行不同的
动作，可以在代码中使用条件语句来完成该任务。
在JavaScript中，我们可使用以下条件语句：
if 语句：只有当指定条件为true时，使用该语句来执行代码
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
titleJS流程控制语句/title
/head
body
p如果时间早于 20:00，会获得问候 "Good day"。/p
button onclick="myFunction()"点击这里/button
p id="demo"/p
script type="text/javascript"
var time=new Date().getHours();
document.write("当前北京时间："+time);
function myFunction()
{
var x="";
if (time20)
{
x="Good day";
}
document.getElementById("demo").innerHTML=x;
}
/script
/body
/html
运行的结果为：
if...else语句：当条件为true时执行代码，当条件为 false 时执行其他代码
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
titleJS流程控制语句/title
/head
body
p如果时间早于 20:00，会获得问候 "Good day"。如果时间晚于 20:00，会获得问候 "Good evening"。/p
button onclick="myFunction()"点击这里/button
p id="demo"/p
script type="text/javascript"
var time=new Date().getHours();
document.write("当前北京时间："+time);
function myFunction()
{
var x="";
if (time20)
{
x="Good day";
}
else
{
x="Good evening";
}
document.getElementById("demo").innerHTML=x;
}
/script
/body
/html
运行的结果为：
if...else if....else 语句：使用该语句来选择多个代码块之一来执行
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
titleJS流程控制语句/title
/head
body
p如果时间早于 10:00，会获得问候 "Good morning"。/p
p如果时间早于 20:00，会获得问候 "Good day"。/p
p如果时间晚于 20:00，会获得问候 "Good evening"。/p
button onclick="myFunction()"点击这里/button
p id="demo"/p
script type="text/javascript"
var time=new Date().getHours();
document.write("当前北京时间："+time);
function myFunction()
{
var x="";
if (time10)
{
x="Good morning";
}
else if (time20)
{
x="Good day";
}
else
{
x="Good evening";
}
document.getElementById("demo").innerHTML=x;
}
/script
/body
/html
运行的结果为：
switch语句： 使用该语句来选择多个代码块之一来执行。switch 语句用于基于不同的条件来执行不同的动作
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
titleJS流程控制语句2/title
/head
body
p点击下面的按钮来显示今天是周几：/p
button onclick="myFunction()"点击这里/button
p id="demo"/p
script type="text/javascript"
var d=new Date().getDay();
document.write("今天的星期代表数字："+d);
function myFunction()
{ var x;
switch (d)
{
case 0:
x="Today it's Sunday";
break;
case 1:
x="Today it's Monday";
break;
case 2:
x="Today it's Tuesday";
break;
case 3:
x="Today it's Wednesday";
break;
case 4:
x="Today it's Thursday";
break;
case 5:
x="Today it's Friday";
break;
case 6:
x="Today it's Saturday";
break;
}
document.getElementById("demo").innerHTML=x;
}
/script
/body
/html
运行的结果：
default关键字的使用
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
titleJS流程控制语句2/title
/head
body
p点击下面的按钮来显示今天是周几：/p
button onclick="myFunction()"点击这里/button
p id="demo"/p
script type="text/javascript"
var d=new Date().getDay();
document.write("今天的星期代表数字："+d);
function myFunction()
{ var x;
switch (d)
{
case 6:
x="Today it's Saturday";
break;
case 0:
x="Today it's Sunday";
break;
default:
x="Looking forward to the Weekend";
}
document.getElementById("demo").innerHTML=x;
}
/script
/body
/html
运行的结果为：
二、循环结构
循环可以将代码块执行指定的次数。
JavaScript支持不同类型的循环：
(1)for语句：循环代码块一定的次数
for(var box=1;box=10;box++)
{
document.write("box="+box+"br/");
}
运行的结果为：
(2)for...in语句： 循环遍历对象的属性
var box={
name:"张三",
age:24,
sex:"男"
};
for(x in box)
{
document.write(box[x]+"br/");
}
运行的结果为：
(3)while语句：当指定的条件为 true 时循环指定的代码块。先判断，再执行语句，这种比较实用。
var box=1;
while(box=5)
{
document.write("box="+box+"br/");
box++;
}
运行的结果为：
(4)do...while - 同样当指定的条件为 true 时循环指定的代码块。先执行一次，再判断
var box=1;
do{
document.write("box="+box+"br/");
box++;
}while(box=10)
运行的结果为：
三、其他语句
(1)break语句：用于跳出循环。
for(var box=1;box=10;box++)
{
if(box==5)
{
break;//强制退出整个循环
}
document.write("box="+box+"br/");
}
运行的结果为：
执行到第四次循环时不再继续执行，跳出了真个循环,，输出的少了box=5以后的循环。
(2)continue语句：用于跳过循环中的一个迭代。
for(var box=1;box=10;box++)
{
if(box==5)
{
continue;//退出当前循环，还会继续执行后面的循环
}
document.write("box="+box+"br/");
}
运行的结果为：
执行到第四次循环时，跳出第五次循环，继续向下面执行，输出的少了box=5。
(3)with语句：将代码的作用域设置到一个特定的对象中
先来看一般我们是怎么样输出对象的属性的值的：
var box={
name:"张三",
age:24,
sex:"男"
};
var n=box.name;
var a=box.age;
var s=box.sex;
document.write(n+"br/");
document.write(a+"br/");
document.write(s);
运行的结果为：
改用with语句来写：
var box={
name:"张三",
age:24,
sex:"男"
};
with(box){
var n=name;
var a=age;
var s=sex;
};
document.write(n+"br/");
document.write(a+"br/");
document.write(s);
