1、if的括號里,一定是一個布爾值,只可以是true或false,但這個布爾值可以是表達式計算結(jié)果。你常見的if(a == b)實際上如果a和b是相等的,首先還是變成if(true),如果括號里直接就是if(true),這是很正常的,因為如果if的括號里是true,就執(zhí)行if段,否則就執(zhí)行else段。

成都創(chuàng)新互聯(lián)是一家專業(yè)的成都網(wǎng)站建設(shè)公司,我們專注成都做網(wǎng)站、網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷、企業(yè)網(wǎng)站建設(shè),友情鏈接,1元廣告為企業(yè)客戶提供一站式建站解決方案,能帶給客戶新的互聯(lián)網(wǎng)理念。從網(wǎng)站結(jié)構(gòu)的規(guī)劃UI設(shè)計到用戶體驗提高,創(chuàng)新互聯(lián)力求做到盡善盡美。
2、正因為if(true)會執(zhí)行if段,所以在if段把onOff變成false,以便讓它執(zhí)行else段; 在else段讓onOff變成true,如此反復(fù)循環(huán),就變成了一下執(zhí)行if,一下執(zhí)行esle。
3、window.onload是一個事件,它會在頁面中所有元素都加載完成的時候觸發(fā)這個事件。并不是說瀏覽器會一直循環(huán)等待事件觸發(fā),而是瀏覽器感知你的一切操作,當(dāng)某個操作進行時,它再去觸發(fā)這個事件,并執(zhí)行給這個事件綁定的函數(shù)。就好像你告訴百度,“有人回答這個問題就通知你一下”,這個就是一個事件,并不需要你不停的來看看是否有人回答,而是有人回答完之后,百度會去告訴你,而百度也不需要一直看是否有人回答,只需要在我回答的時候,自動感知有人回答,然后再自動去告訴,比如發(fā)個通知。
4、函數(shù)的作用域是可以嵌套的,aa函數(shù)的作用域大于bb函數(shù)的作用域,所以bb函數(shù)可以用aa函數(shù)的,因為它知道它的上級可以給它提供這些變量。但是aa卻不能使用bb中的變量,因為它無法預(yù)知bb中是否有這個變量,這是比較俗的講法。實際上js作用域問題是一個很大的問題,在這里根本無法三言兩語講清楚。你要是真想知道,還是專門去多找?guī)灼P(guān)于js作用域的博客看看,收獲會很大。
今天小編要跟大家分享的文章是關(guān)于學(xué)習(xí)Web前端要知道的JavaScript、Ajax、jQuery知識。今天小編將詳細解讀JavaScript、ajax、jQuery是什么?他們可以實現(xiàn)什么?想要學(xué)習(xí)Web前端的小伙伴們來和小編一起看一看吧!
1、JavaScript
·___ㄒ澹
javaScript的簡寫形式就是JS,是由Netscape公司開發(fā)的一種腳本語言,一種廣泛用于客戶端Web開發(fā)的腳本語言,常用來給HTML網(wǎng)頁添加動態(tài)功能(其編寫的程序可以被嵌入到HTML或XML頁面中,并直接在瀏覽器中解釋執(zhí)行)。
·___槌剎糠鄭
核心(ECMAScript)、文檔對象模型(DocumentObjectModel,簡稱DOM)、瀏覽器對象模型(BrowserObjectModel,簡稱BOM)
·___枋觶
Javascript就是適應(yīng)動態(tài)網(wǎng)頁制作的需要而誕生的一種新的編程語言,如今越來越廣泛地使用于Internet網(wǎng)頁制作上。
Javascript是由Netscape公司開發(fā)的一種腳本語言(scripting
language),或者稱為描述語言。在HTML基礎(chǔ)上,使用Javascript可以開發(fā)交互式Web網(wǎng)頁。
Javascript的出現(xiàn)使得網(wǎng)頁和用戶之間實現(xiàn)了一種實時性的、動態(tài)的、交互性的關(guān)系,使網(wǎng)頁包含更多活躍的元素和更加精彩的內(nèi)容。
Javascript短小精悍,又是在客戶機上執(zhí)行的,大大提高了網(wǎng)頁的瀏覽速度和交互能力。同時它又是專門為制作Web網(wǎng)頁而量身定做的一種簡單的編程語言。
主流的javaScript框架有:YUI,Dojo,Prototype,jQuery...
2、AJax
·___ㄒ澹
AJAX即“AsynchronousJavaScriptandXML”(異步JavaScript和XML),AJAX并非縮寫詞,而是由JesseJamesGaiiett創(chuàng)造的名詞,是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。
_JAX不是一個技術(shù),它實際上是幾種技術(shù),每種技術(shù)都有其獨特之處,合在一起就成了一個功能強大的新技術(shù)。
·___槌桑
基于XHTML和CSS標準的表示;
使用Document
ObjectModel進行動態(tài)顯示和交互;
使用XML和XSLT做數(shù)據(jù)交互和操作;
使用XML
HttpRequest與服務(wù)器進行異步通信;
使用JavaScript綁定一切。
·___枋觶
Ajax是結(jié)合了Java技術(shù)、XML以及JavaScript等編程技術(shù),可以讓開發(fā)人員構(gòu)建基于Java技術(shù)的Web應(yīng)用,并打破了使用頁面重載的管理。
Ajax技術(shù)使用非同步的HTTP請求,在Browser和WebServer之間傳遞數(shù)據(jù),使Browser只更新部分網(wǎng)頁內(nèi)容而不重新載入整個網(wǎng)頁。
Ajax是使用客戶端腳本與Web服務(wù)器交換數(shù)據(jù)的Web應(yīng)用開發(fā)方法。這樣,Web頁面不用打斷交互流程進行重新加裁,就可以動態(tài)地更新。使用Ajax,用戶可以創(chuàng)建接近本地桌面應(yīng)用的直接、高可用、更豐富、更動態(tài)的Web用戶界面。
3、jQuery
·___ㄒ澹
jQuery是一個快速的,簡潔的javaScript庫,使用戶能更方便地處理HTML
documents、events、實現(xiàn)動畫效果,并且方便地為網(wǎng)站提供AJAX交互。
·___氐悖
輕量級、鏈式語法、CSS1-3選擇器、跨瀏覽器、簡單、易擴展;
jQuery是一種獨立于服務(wù)器端代碼的框架,獨立于ASP.NET或者JAVA;
jQuery是當(dāng)前很流行的一個JavaScript框架,使用類似于CSS的選擇器,可以方便的操作HTML元素,擁有很好的可擴展性,擁有不少插件。
·___枋觶
對于程序員來說,簡化javascript和ajax編程,能夠使程序員從設(shè)計和書寫繁雜的JS應(yīng)用中解脫出來,將關(guān)注點轉(zhuǎn)向功能需求而非實現(xiàn)細節(jié)上,從而提高項目的開發(fā)速度。
對于用戶來說,改善了頁面的視覺效果,增強了與頁面的交互性,體驗更絢麗的網(wǎng)頁物資。javaScript框架實際上是一系列工具和函數(shù)。
4、三者的關(guān)系
下面我用一張導(dǎo)圖來闡述這三者的關(guān)系:
解釋:
javaScript是用于Web客戶端開發(fā)的腳本語言,Ajax是基于JS語言,主要組合JS、CSS、XML三種技術(shù)的新技術(shù),是用于創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。jQuery是JS的框架,基于JS語言,集合Ajax技術(shù)開發(fā)出來的JS庫,封裝JS和Ajax的功能,提供函數(shù)接口,大大簡化了Ajax,JS的操作。
以上就是小編今天為大家分享的關(guān)于學(xué)習(xí)Web前端要知道的JavaScript、Ajax、jQuery知識的文章,希望本篇文章能夠?qū)φ趶氖耊eb前端工作的小伙伴們有所幫助。想要了解更多Web前端知識記得關(guān)注北大青鳥Web培訓(xùn)官網(wǎng)。最后祝愿小伙伴們工作順利,成為一名優(yōu)秀的Web前端工程師!
原文鏈接:#/u/155352/blog/789347
SHAPE\*MERGEFORMAT
SHAPE\*MERGEFORMAT
方法和詳細的操作步驟如下:
1、第一步,打開HBuilder工具,并在Web項目的js文件夾中創(chuàng)建一個新的JavaScript文件ConnDB.js,使用require()引入mysql模塊,然后將該值分配給變量mysq,見下圖,轉(zhuǎn)到下面的步驟。
2、第二步,完成上述步驟后,調(diào)用createConnection()方法設(shè)置主機,用戶名,密碼,端口并返回數(shù)據(jù),見下圖,轉(zhuǎn)到下面的步驟。
3、第三步,完成上述步驟后,調(diào)用mysql模塊中的connect()方法以連接到mysql數(shù)據(jù),見下圖,轉(zhuǎn)到下面的步驟。
4、第四步,完成上述步驟后,編寫查詢語句SQL并將其作為字符串分配給變量sq,見下圖,轉(zhuǎn)到下面的步驟。
5、第五步,完成上述步驟后,調(diào)用query(),根據(jù)返回值判斷結(jié)果,然后打印返回,見下圖。這樣,就解決了這個問題了。
javascript是運行在瀏覽器內(nèi)的腳本語言,為了安全,不能訪問任何的系統(tǒng)資源,所以也不可能直接訪問數(shù)據(jù)庫。如果需要在瀏覽器中進行數(shù)據(jù)庫操作的話,通常的方法是在WEB服務(wù)器上采用ASP JSP之類的語言訪問數(shù)據(jù)庫,然后把結(jié)果返回給瀏覽器中運行的Javascript流程就是(以ASP為例) 瀏覽器上Javascript發(fā)起網(wǎng)頁請求--ASP訪問數(shù)據(jù)庫--ASP生成結(jié)果(例如是一行行的文本)--瀏覽器上Javascript分析結(jié)果--把結(jié)果在瀏覽器上顯示。相關(guān)的技術(shù)有 AJAX(可以參考下JQuery),ASP訪問數(shù)據(jù)庫(這個很多辦法,自己百度吧)。
javascript代碼和其他服務(wù)器端代碼一樣,都是按順序執(zhí)行的。
但是這里有幾個代碼跳轉(zhuǎn)的地方:
1、setTimeout / setInterval
這兩個函數(shù)中的代碼是定時執(zhí)行,不在順序中;
2、ajax
Ajax一般來說,在 成功/失敗 獲取服務(wù)器端數(shù)據(jù)后會有js代碼來處理接受到的數(shù)據(jù);ajax有兩種情況,分別是同步和異步;同步是指的,js在發(fā)送ajax請求后阻塞代碼執(zhí)行,一直到ajax獲取到服務(wù)器返回數(shù)據(jù),然后繼續(xù)按代碼順序執(zhí)行,也就是說,這種情況下,ajax后面的代碼中可以正常使用ajax返回的數(shù)據(jù);異步是指ajax請求發(fā)送后,代碼跳過ajax,繼續(xù)執(zhí)行其后的代碼,ajax 響應(yīng)代碼在ajax獲取數(shù)據(jù)后執(zhí)行,也就是說,這種情況下,ajax后面的代碼中不能確定ajax的狀態(tài),也不可以ajax返回的數(shù)據(jù)。
下面復(fù)制于網(wǎng)絡(luò),詳細講解javascript中的各種控制結(jié)構(gòu)。
一、條件選擇結(jié)構(gòu)
條件選擇語句用于基于不同的條件來執(zhí)行不同的動作,通常在寫代碼時,總是需要為不同的決定來執(zhí)行不同的
動作,可以在代碼中使用條件語句來完成該任務(wù)。
在JavaScript中,我們可使用以下條件語句:
if 語句:只有當(dāng)指定條件為true時,使用該語句來執(zhí)行代碼
!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("當(dāng)前北京時間:"+time);
function myFunction()
{
var x="";
if (time20)
{
x="Good day";
}
document.getElementById("demo").innerHTML=x;
}
/script
/body
/html
運行的結(jié)果為:
if...else語句:當(dāng)條件為true時執(zhí)行代碼,當(dāng)條件為 false 時執(zhí)行其他代碼
!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("當(dāng)前北京時間:"+time);
function myFunction()
{
var x="";
if (time20)
{
x="Good day";
}
else
{
x="Good evening";
}
document.getElementById("demo").innerHTML=x;
}
/script
/body
/html
運行的結(jié)果為:
if...else if....else 語句:使用該語句來選擇多個代碼塊之一來執(zhí)行
!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("當(dāng)前北京時間:"+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
運行的結(jié)果為:
switch語句: 使用該語句來選擇多個代碼塊之一來執(zhí)行。switch 語句用于基于不同的條件來執(zhí)行不同的動作
!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("今天的星期代表數(shù)字:"+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
運行的結(jié)果:
default關(guān)鍵字的使用
!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("今天的星期代表數(shù)字:"+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
運行的結(jié)果為:
二、循環(huán)結(jié)構(gòu)
循環(huán)可以將代碼塊執(zhí)行指定的次數(shù)。
JavaScript支持不同類型的循環(huán):
(1)for語句:循環(huán)代碼塊一定的次數(shù)
for(var box=1;box=10;box++)
{
document.write("box="+box+"br/");
}
運行的結(jié)果為:
(2)for...in語句: 循環(huán)遍歷對象的屬性
var box={
name:"張三",
age:24,
sex:"男"
};
for(x in box)
{
document.write(box[x]+"br/");
}
運行的結(jié)果為:
(3)while語句:當(dāng)指定的條件為 true 時循環(huán)指定的代碼塊。先判斷,再執(zhí)行語句,這種比較實用。
var box=1;
while(box=5)
{
document.write("box="+box+"br/");
box++;
}
運行的結(jié)果為:
(4)do...while - 同樣當(dāng)指定的條件為 true 時循環(huán)指定的代碼塊。先執(zhí)行一次,再判斷
var box=1;
do{
document.write("box="+box+"br/");
box++;
}while(box=10)
運行的結(jié)果為:
三、其他語句
(1)break語句:用于跳出循環(huán)。
for(var box=1;box=10;box++)
{
if(box==5)
{
break;//強制退出整個循環(huán)
}
document.write("box="+box+"br/");
}
運行的結(jié)果為:
執(zhí)行到第四次循環(huán)時不再繼續(xù)執(zhí)行,跳出了真?zhèn)€循環(huán),,輸出的少了box=5以后的循環(huán)。
(2)continue語句:用于跳過循環(huán)中的一個迭代。
for(var box=1;box=10;box++)
{
if(box==5)
{
continue;//退出當(dāng)前循環(huán),還會繼續(xù)執(zhí)行后面的循環(huán)
}
document.write("box="+box+"br/");
}
運行的結(jié)果為:
執(zhí)行到第四次循環(huán)時,跳出第五次循環(huán),繼續(xù)向下面執(zhí)行,輸出的少了box=5。
(3)with語句:將代碼的作用域設(shè)置到一個特定的對象中
先來看一般我們是怎么樣輸出對象的屬性的值的:
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);
運行的結(jié)果為:
改用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);
分享題目:javascript流程,javascript流程控制
鏈接分享:http://www.yijiale78.com/article6/dsihpog.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供商城網(wǎng)站、網(wǎng)站改版、移動網(wǎng)站建設(shè)、定制開發(fā)、外貿(mào)網(wǎng)站建設(shè)、標簽優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)