- Jan 20 Mon 2020 20:00
-
哪些產業和人工智慧一起出現在2020最受歡迎職業排行榜?
- Jan 20 Mon 2020 09:00
-
三星Neon虛擬人物帶你體驗全新風貌的人工智慧!!(上)

最新人工智慧文章又來拉!!今天要跟大家介紹的是三星的虛擬化身~不要錯過嘍!!(上)
人工智慧與你做朋友,已經化為現實。三星的「AI 人造人」日前亮相在方才落幕的創新電子產品科技的盛會 2020 消費電子展( CES ),今年總共有 4,400 多家參展商、 20,000 多件展品在為期一週的展會上首次亮相,約 17 萬名的與會者共襄盛舉,一齊揭開最新未來科技的帷幕。
在展前,就有不少人開始預測此次大會最亮眼的發表──其中 STAR Labs的人造虛擬化身「 Neon 」具所有萬眾矚目的關鍵於一身:包括 STAR Labs 是三星旗下子公司、近年來如日中天的 AI 人工智慧技術與從一般大眾到科技專家都感興趣的「人造人」等等。
▲ 你看得出他們都是 AI 生成的虛擬人物嗎?( Photo : Neon 官方網站)
這幾日,甚至有 Reddit 用戶挖出了未公開的影片,之後更有許多 YouTube 頻道對 Neon 的技術以及這家的公司進行深入的探討分析。
▲ A closer look at NEON at CES 2020
「越像人類就越討厭」 Neon 要翻越恐怖谷
▲ 恐怖谷理論( Photo : 維基百科)
「恐怖谷理論」( Uncanny Valley )由日本機器人專家森政弘在1970年提出,根據他的假設:物體的擬人程度增加,人類對它的情感反應會呈現「增-減-增」的曲線。
恐怖谷就是隨著「接近人類」的程度到一定比例時,人類對其的好感度卻突然急速下降,甚至感到反感和驚悚,過去如盡力做到維妙維肖的日本仿真機器人 Repliee Q2 ,也有人表示對他感到毛骨悚然。
再看看人造人 Neon ,有著炯炯有神的雙眼、舉手投足之間自然的動作,無不看上去精神煥發、神采飛揚。
▲ 人工智慧虛擬朋友來了!看著惟妙惟肖的人造人,想著他們竟也可以跟你屈膝攀談,是否會覺得未來有點可怕呢?
── 這些人物看上去就像真人拍攝的畫面,但其實是 AI 生成的人造人們,真的可以說是逼真到跨越了恐怖谷!
而 STAR Labs 之所以要讓 Neon 逼真到彷彿只是隔著一層玻璃的真人,一舉跨過恐怖谷,就是為了要讓 Neon 成為能與人互動的「朋友」。
本篇為上篇,下篇請點此
三星Neon虛擬人物帶你體驗全新風貌的人工智慧!!(下)
想看更多關於人工智慧的文章嗎?連結就在下方~請點閱!!
其他閱讀
AI人工智慧系統進駐醫院,快速偵測敗血症提高病患存活率!!
你的指令要求雅婷通通聽得懂!!有專屬台灣人的人工智慧在,一切安啦!!
AI人工智慧進駐大賣場!! 有了這項新技術就能讓員工更專注在客服務上了!!
人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到
美國NASDAQ上市公司、外商IT教育培訓企業
Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
全球TOP 5熱門程式語言,除了Java課程你還應該知道….
2天考取Google Ads證照!新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照
- Jan 16 Thu 2020 20:00
-
UI設計補給站:奧迪,福斯LOGO平面化(下)
- Jan 16 Thu 2020 08:00
-
優質SEO速成班:長尾關鍵字提高轉化率

SEO速成班開班啦!!有興趣的同學快來看看!!超多實用小訣竅的喔!!(長尾關鍵字提高轉化率)
什麼是「長尾關鍵字」?
「長尾關鍵字」一詞來自克里斯·安德森(Chris Anderson)的書「長尾理論」(Long Tail),認為只要通路夠大,r就算是非主流的、需求量小的商品,總銷量也能與主流的、需求量大的商品抗衡。同理,非主流關鍵字的總流量,可能超越熱門關鍵字的流量總合,這些非主力關鍵字就是長尾關鍵字。
因此單一長尾關鍵字通常替網站帶來的流量是極低的,但是多個長尾關鍵字(較好操作)帶來的總流量可能媲美單一熱門關鍵字(較難競爭)帶來的流量。而「長尾關鍵字」跟關鍵字的長短完全沒有關係,不是長的關鍵字叫做長尾關鍵字。今天國內外仍有不少網站錯誤解釋「長尾關鍵字」的意思,若你看到的 SEO 資訊有這樣的謬誤出現,就不要再往下看了,以免越看越錯。
長尾關鍵字正確的定義為,根據這篇解釋:長尾關鍵字通常比一般關鍵字冷門(通常搜尋量較低)、但也是更明確的關鍵字,所以可以得到更高的轉換率。
所以長尾關鍵字的定義:「冷門」,在下面的「搜尋需求曲線(Search Demand Curve)」上,中間綠色段與右方紫色段的這些冷門的關鍵字種類眾多,拉出一條長長的尾巴,相當於「長尾理論」名詞的由來。
長尾關鍵字-範例
剛好許多長尾關鍵字的組成多為「焦點關鍵字」的延伸字句,例如焦點關鍵字是「乳清蛋白粉」,長尾關鍵字就可能是「英國乳清蛋白粉」、「2018年乳清蛋白粉」、「健身房用的乳清蛋白粉」、「便宜的乳清蛋白粉」等等。這些長尾關鍵字搜尋的量會比焦點關鍵字的搜尋量還少,大部分(意思就是「非全部」)的長尾關鍵字的字數也較長,因此 SEO「長尾」的定義常被人誤會。
長尾關鍵字帶來剛性需求 提高轉換率
許多時候我們再用關鍵字工具時,當我們輸入一個焦點關鍵字,他就會跳出相關的、但搜尋量不是這麼高的關鍵字。如輸入重機「Kawasaki ninja 1000」時,就會出現「kawasaki ninja 1000價格」與「kawasaki ninja 1000價格、「kawasaki ninja 1000開箱」、「ninja 1000油耗」等等,你會發現這些字的搜尋量沒有「Kawasaki ninja 1000」高,但是這些字都帶有較精確的目的(如想看評價、想購買而詢價等)。也就是說,有些特定的冷門「長尾」關鍵字會帶來目標客戶。因此若能適時的置入這些目的性強烈的長尾關鍵字時,不但在長尾關鍵字的搜尋結果頁上名列前茅的門檻較低,也能吸引到目標客戶的目光。這就是為何 SEO 不能放棄長尾關鍵字的原因-畢竟他能給你過濾出精準的客戶!
更多SEO相關文章請點選下方連結~
其他閱讀
優質SEO速成班:網域名稱大小事
優質SEO速成班:長尾關鍵字提高轉化率
SEO優化人員和前端工程師一定要知道的語意標記入門!!
人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到
美國NASDAQ上市公司、外商IT教育培訓企業
Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
全球TOP 5熱門程式語言,除了Java課程你還應該知道….
2天考取Google Ads證照!新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照
- Jan 15 Wed 2020 20:00
-
UI設計補給站:奧迪,福斯LOGO平面化(中)

今天的UI設計補給站要來跟大家介紹大廠汽車的LOGO平面化是怎麼設計的~有興趣的同學請享用~(上)
本篇為Audi篇的下集,上集【為落實“數位優先”的UI設計...Audi竟將LOGO壓扁了!(上)】請點此
UI設計補給站:奧迪,福斯LOGO平面化(上)
字體
▲ 新 Audi Logo 與字體搭配的準則。
新的 Audi 字體也隨著新的 logo 曝光。Strichpunkt 表示:隨著新的「簡潔有力」的清新風格的 Audi logo。
▲ Audi 標語的使用範例(總是以小型字體出現在畫面的角落)。
圖標
▲ 各式新的 Audi UI icons 為線條化設計,靈感來自精確的車輛工程設計圖
而用於網站、app、車用數位裝置的 2D 線條線條化圖標,Strichpunkt 表示設計靈感來源自 Audi 車輛研發設計時,工程師繪出的精確的工程設計圖。
▲ 新的 Audi UI icons使用範例
影片
▲ Strichpunkt 替出現於新 UI 介面上的 Audi 影片立下「S 型曲線」原則:「一開始強而有力的加速啟動,然後在結束時迅速減速」。
而所有出現在數位裝置上的 Audi 形象影片動作也都遵循 S 型曲線模式,Strichpunkt 表示「一開始強而有力的加速啟動,然後在結束時迅速減速。」
奧迪也為此新視覺辨識制定了品牌指南,製作「Audi 品牌指南網站」,開放各式資源給大眾免費瀏覽、下載,包含全新設計的 Audi Logo、字體、形象圖片、影片,甚至連 HTML 原始碼、被淘汰的設計都有,讓用戶感到有參與到他們的品牌重塑過程。
現在,Strichpunkt 將在子網域上啟動一個互動式工具,使用戶可以模擬奧迪風格的設計、字型、排版,背景和顏色。然後,該工具會告訴他們:其模擬作品是否符合 Audi 的設計原則與方針。
▲ 各式新的 Audi 廣告,應用了所有 Strichpunkt 為 Audi 打造的 Logo、構圖、字體、等元素。
Strichpunkt 表示:這一連串的互動式工具,都是為了讓新的 Audi 品牌設計方針「更平易近人」,與 Audi 的新品牌識別「accessible to everyone(每個人都可使用)」相呼應。「這是汽車業的創舉,為新的開放式的象徵(a symbol of new open-ness)」。
本篇為Audi篇下集,下一篇為福斯UI的介紹【不落後於 Audi,福斯跟進「數位優先」視覺辨識與UI】請點此
UI設計補給站:奧迪,福斯LOGO平面化(下)
想看更多UI,
UX的文章請點下方連結~
其他閱讀
怕過勞又薪水不漲嗎?!開始上UI課程你可以過你要的人生!
程式語言都會了,為什麼還要來上UI課程?
為什麼小屈能穩坐台灣藥妝界龍頭?UI 課程是關鍵!
人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到
美國NASDAQ上市公司、外商IT教育培訓企業
Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
全球TOP 5熱門程式語言,除了Java課程你還應該知道….
2天考取Google Ads證照!新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照
- Jan 15 Wed 2020 08:00
-
優質SEO速成班:網域名稱大小事

SEO速成班開班啦!!有興趣的同學快來看看!!超多實用小訣竅的喔!!(網域名稱大小事)
新 Domain 如何做 SEO 才有效?
相信很多剛接觸 SEO 的人在買了新的網域名稱(Domain Name)之後,都有這個疑問:我要即時讓網站被 Google 索引到,還是要等整個網站架完再給 Google 索引。
事實上,網域(Domain)是有年齡的,這個年齡是從被 Google 所引導的那天算起。年齡越「老」,Google 搜尋引擎越愛
網域年齡(Domain Age)- 越老越高分
Domain 的年齡與 SEO 的結果幾乎成正比。「年齡越大」的 Domain 會被 Google 視為「越穩定」。通常只要沒被 Google 列為黑名單的 Domain,內容會隨著經營時間的累積而更加豐富,同時可信度就越高,Google 就會給予較高的權重分數。
因此,最好的作法是第一步就先提交 Domain 給 Google Index 索引,讓自己的 Domain 先給 Google 「算年齡」。因為網域年齡(Domain Age)是由納入 Google 系統後開始計算,而非購買那天開始計算。所以無論你的網站做到哪個階段,請先把 Domain 提交給 Google 吧!其他的可以稍後再弄。依照筆者的經驗,筆者會先把首頁放上網路之後,再放其連結讓 Google 去索引,然後再做其他的頁面。最後再重回首頁做更細微的優化。如此一來就可邊讓 Google 索引、自己也可邊頁面,就不會浪費讓自己的網頁「累計年齡」的時間。
購買 Domain Name 時要注意的事情
在購買網域名稱 (Domain Name) 時也是一們小學問,有下列三個小撇步要注意:
1. 域名的地域性
倘若你是商家且你的 Domain Name 會含有你的品牌名稱時,則買域名時最好一整套購買。所謂一整套購買,就是除了基本的「.com」之外,連同「.com.tw」、「.tw」一併購買,以免其他人也購買了同一個名字。你可以想像:當消費者在搜尋引擎搜尋時,輸入同個名稱,卻有不同的網站,是容易產生誤會的。
再者,若貴公司的主要客群是台灣人,購買「.com.tw」更能夠鞏固你的地域性,讓更多人明白你的網站是出自於台灣。
2. 域名不需拘泥有 SEO 關鍵字
域名越精簡越好。有些 SEO 未能購買到精簡好記的域名,就是太拘泥於要將自己網站的主要關鍵字放在域名中。其實全球多家專做 SEO 工具的廠商,如 Ahrefs(ahrefs.com)、Moz (moz.com)、SEMrush (semrush.com) 等,都直接拿自己的品牌當成域名。他們的域名命名都沒有包含「seo」、「seotool」等字眼。因此網頁的內容還是 SEO 的王道。
再者,若貴公司的主要客群是台灣人,購買「.com.tw」更能夠鞏固你的地域性,讓更多人明白你的網站是出自於台灣。
3. 域名的歷史
在購買域名時,你必須留意過去是否曾經有人也用過相同的域名?這個域名是否曾經有黑歷史,會影響到你目前的業務?
此時,你可以用線上免費工具 Domain Tools 查詢域名的歷史。若貴公司的主要客群是台灣人,購買「.com.tw」更能夠鞏固你的地域性,讓更多人明白你的網站是出自於台灣。
另外,買了域名後,必須每年續約以維持域名的所有權。若未付款,過了寬限期後,原本的域名便會開放給其他人購買。
更多SEO相關文章請點選下方連結~
其他閱讀
優質SEO速成班:Page Title 與 H1
優質SEO速成班:長尾關鍵字提高轉化率
SEO優化人員和前端工程師一定要知道的語意標記入門!!
人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到
美國NASDAQ上市公司、外商IT教育培訓企業
Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
全球TOP 5熱門程式語言,除了Java課程你還應該知道….
2天考取Google Ads證照!新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照
- Jan 14 Tue 2020 21:00
-
UI設計補給站:奧迪,福斯LOGO平面化(上)

今天的UI設計補給站要來跟大家介紹大廠汽車的LOGO平面化是怎麼設計的~有興趣的同學請享用~(上)
AUDI 的「數位優先(digital-first)」UI 視覺辨識
▲ 因應 Audi 的「數位優先」品牌重塑計畫,德國設計公司 Strichpunkt 幫 Audi 打造出極簡一致、功能為主的跨平台 UI 介面。主要元素為區塊佈局、簡單配色、獨特的 Audi 字體以及平面化的 Audi 標誌
現今人們上網的媒介已不再侷限於桌上型電腦,手機上網、或是在車上裝設平板電腦上網早已普及。因此德國汽車公司 Audi 早在於2017 年透露了他們的品牌重塑(rebrand)計畫,以「數位優先(digital-first)」為其主軸。
「數位優先(digital-first)」的品牌重塑(rebrand)計畫聚焦於數位裝置的 UI 設計,期望更多用戶,無論是使用平板、手機、桌上型電腦等上網媒介瀏覽 Audi 網站、或是使用 Audi 的 APP 等上網行為,都能有更好的使用者體驗(UX)。德國的設計公司 Strichpunkt 負責這次 Audi 品牌重塑計畫的 UI/UX 設計,並期望讓所有的數位平台 —— 從 Audi 的網站、app 應用程式到車上的數位裝置(包含數位螢幕、聲音 app 及包含智慧手錶在內的所有數位產品等)都維持一致。
▲ Audi 的「原子設計(atomic design)」基本概念。
此次「品牌重塑」專案可說是顛覆性的翻新,Strichpunkt 創建了新型態的「原子設計(atomic design)」思路:在評估數位設備的外觀時,我們將 Audi 的視角變化應用於設計上面。。 我們的思考過程不只是從最小的設備開始,而且是從設計的最小元素開始。」延續此「原子設計」的設計方法, Strichpunkt 建構出一套功能優先、走極簡風格的 UI 使用者界面。這套新 Audi UI 用戶界面已於 2017 年公開於網路上:任何人都可以從 GitHub 或是 Audi UI Photoshop kit 下載使用 Audi 圖標,UI 組件和字體。
▲ Audi 的新 UI 介面佈局
簡要概述一下這次 Audi 的新 UI 設計:「介面佈局大至上分為垂直和水平的區塊,以達成視覺上的平衡。內容則顯示在這些方形區塊中;而這些方形區塊也置入於與設備的(螢幕)邊緣隔開的網格中。當這些方形區塊被賦予其他的附加功能時,則被視為「卡片」。為了被使用者重視,所有的元素都在階層式的結構中突出顯示。
▲ 替 Audi 設計新 Logo 的設計公司 Strichpunkt 上傳的 Audi 品牌重塑影片-展示了 Audi 的品牌形象、字體、網站以及各裝置的 UI 使用者介面。
根據裝置螢幕的大小,Strichpunkt 使用了簡單的黑色、白色、灰色、紅色和不同色階的銀色,以及不同的字體大小。您可以在這裏找到更多有關Audi UI 使用者介面設計的詳細信息。
▲ Strichpunkt 為了 Audi 的新 UI 設計,所打造的全新 2D 化 Logo、新 Audi 字體、品牌配色;下方則是用於網站、app、車用數位裝置的線條化圖標以及 S 型曲線模式
新的Audi Logo-2D扁平化
▲ Audi 的新 Logo 由原本的立體風變為 2D 平面風,俐落的外型更適用於嵌入各式各樣的設計。
Strichpunkt 替 Audi 完成了新的 Logo 設計,一改原本的「仿3D」立體設計,而以 2D 的 Logo 取代之。Logo 造型為扁平的四個圈圈、沒有品牌文字在 LOGO 下方、顏色非黑即白。
本篇為Audi篇上集,Audi篇下集【為落實“數位優先”的UI設計...Audi竟將LOGO壓扁了!】請點此
UI設計補給站:奧迪,福斯LOGO平面化(中)
想看更多UI,UX的文章請點下方連結~
其他閱讀
怕過勞又薪水不漲嗎?!開始上UI課程你可以過你要的人生!
程式語言都會了,為什麼還要來上UI課程?
為什麼小屈能穩坐台灣藥妝界龍頭?UI 課程是關鍵!
人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到
美國NASDAQ上市公司、外商IT教育培訓企業
Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
全球TOP 5熱門程式語言,除了Java課程你還應該知道….
2天考取Google Ads證照!新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照
- Jan 14 Tue 2020 08:00
-
優質SEO速成班:Page Title 與 H1
- Jan 13 Mon 2020 21:00
-
新手必讀的JavaScript(16):三種訊息框

大家敲碗的JavaScript教學文來嘍!!新手必讀!!老手當複習~大家一起學起來!!(16)
JavaScript 提供三種訊息框:alert、confirm、prompt,介紹如下:
Alert警告提示框
當要確保信息傳遞給用戶時,就使用 Alert 警告提示框。JavaScript 的訊息框提供了一個「確定」按鈕,讓使用者關閉該訊息框後才可以繼續進行操作。
Alert 警告提示框採用單個參數,即彈出框中顯示的文字,如下例子:
alert("Do you really want to leave this page?");
prompt提示訊息框
JavaScript 的 prompt 提示訊息框用於讓用戶在進入頁面之前,必須先輸入訊息。
當 prompt 提示訊息框跳出時,用戶在輸入訊息後必須點擊「確定」或「取消」才能繼續。
如果用戶點擊「確定」,該框將顯示使用者輸入的訊息如果用戶單擊「取消」,則顯示「null」
如下例子,當使用者進入網頁時,網頁就會跳出一個 prompt提示訊息框,訊息框上顯示「你今年幾算?」,然後讓使用者輸入數字。若使用者輸入歲數並且按下「確定」後,訊息框將會顯示「你今年_歲」;若使用者沒有輸入訊息或是按「取消」,則顯示「你今年null歲」。
// result = prompt(確認訊息框顯示問題);
let age = prompt('你今年幾算?');
alert(`你今年 ${age} 歲!`); // 你今年_歲!
confirm確認訊息框
JavaScript 的 confirm 確認訊息框通常用於讓用戶驗證或接受某些內容。
彈出confirm確認訊息框時,用戶必須點擊「確定」或「取消」才能繼續。
如果用戶單擊「確定」,則該框將回傳 true。如果 用戶單擊「取消」,則該框將回傳 false。
如下例子,當使用者進入網頁時,網頁就會跳出一個 confirm 確認訊息框,訊息框上顯示「請問你確定要離開此頁嗎?」,然後讓使用者輸入「確定」或「取消」。若使用者輸入「確定」後,訊息框將會顯示「感謝您的造訪,再見!」;若使用者沒有輸入訊息或是按「取消」,則顯示「感謝您選擇繼續瀏覽我們的網頁!」。
var result = confirm("請問你確定要離開此頁嗎?");
if (result == true) {
alert("感謝您的造訪,再見!");
}
else {
alert("感謝您選擇繼續瀏覽我們的網頁!");
}
更多關於JavaScript的文章請點下方連結喔~
其他閱讀
新手必讀的JavaScript(14):在函式中使用多重參數
新手必讀的JavaScript(15):函式回傳
人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到
美國NASDAQ上市公司、外商IT教育培訓企業
Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
全球TOP 5熱門程式語言,除了Java課程你還應該知道….
2天考取Google Ads證照!新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照
- Jan 13 Mon 2020 09:00
-
KKBOX聯手人工智慧打造全新音樂平台!還能預測歌曲排行榜喔~
- Jan 09 Thu 2020 17:00
-
UI,UX設計師接案前必讀的視覺感知心理學!!

在成為一名專業的UI,UX設計師前,除了專業課程外你還需要上一堂視覺感知心理學的課程!!快點進來看看吧!!
最近學習了米勒定律和希克定律。 其中關於如何提升視覺感知,有對我很有幫助,其中有一條:平均每個人在記憶時候最大數量為7個。
- Jan 09 Thu 2020 08:00
-
Javascript基礎入門(十六):三種訊息框

JavaScript基礎入門教學登場啦!!需要的同學快往下閱讀吧!!(十六)
JavaScript 提供三種訊息框:alert、confirm、prompt,介紹如下:
Alert警告提示框
當要確保信息傳遞給用戶時,就使用 Alert 警告提示框。JavaScript 的訊息框提供了一個「確定」按鈕,讓使用者關閉該訊息框後才可以繼續進行操作。
Alert 警告提示框採用單個參數,即彈出框中顯示的文字,如下例子:
alert("Do you really want to leave this page?");
prompt提示訊息框
JavaScript 的 prompt 提示訊息框用於讓用戶在進入頁面之前,必須先輸入訊息。
當 prompt 提示訊息框跳出時,用戶在輸入訊息後必須點擊「確定」或「取消」才能繼續。
如果用戶點擊「確定」,該框將顯示使用者輸入的訊息如果用戶單擊「取消」,則顯示「null」
如下例子,當使用者進入網頁時,網頁就會跳出一個 prompt提示訊息框,訊息框上顯示「你今年幾算?」,然後讓使用者輸入數字。若使用者輸入歲數並且按下「確定」後,訊息框將會顯示「你今年_歲」;若使用者沒有輸入訊息或是按「取消」,則顯示「你今年null歲」。
// result = prompt(確認訊息框顯示問題);
let age = prompt('你今年幾算?');
alert(`你今年 ${age} 歲!`); // 你今年_歲!
confirm確認訊息框
JavaScript 的 confirm 確認訊息框通常用於讓用戶驗證或接受某些內容。
彈出confirm確認訊息框時,用戶必須點擊「確定」或「取消」才能繼續。
如果用戶單擊「確定」,則該框將回傳 true。如果 用戶單擊「取消」,則該框將回傳 false。
如下例子,當使用者進入網頁時,網頁就會跳出一個 confirm 確認訊息框,訊息框上顯示「請問你確定要離開此頁嗎?」,然後讓使用者輸入「確定」或「取消」。若使用者輸入「確定」後,訊息框將會顯示「感謝您的造訪,再見!」;若使用者沒有輸入訊息或是按「取消」,則顯示「感謝您選擇繼續瀏覽我們的網頁!」。
var result = confirm("請問你確定要離開此頁嗎?");
if (result == true) {
alert("感謝您的造訪,再見!");
}
else {
alert("感謝您選擇繼續瀏覽我們的網頁!");
}
更多關於JavaScript的文章請點下方連結喔~
其他閱讀
Javascript基礎入門(十四):在函式中使用多重參數
Javascript基礎入門(十五):函式回傳
人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到
美國NASDAQ上市公司、外商IT教育培訓企業
Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
全球TOP 5熱門程式語言,除了Java課程你還應該知道….
2天考取Google Ads證照!新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照



