基于BootStrap+JavaScript語言簡易計(jì)算器的實(shí)現(xiàn)
發(fā)布時(shí)間:2021-08-26 09:48
利用BootStrap框架中柵格系統(tǒng)實(shí)現(xiàn)了計(jì)算器界面的設(shè)計(jì),網(wǎng)頁交互腳本技術(shù)JavaScript實(shí)現(xiàn)了計(jì)算器計(jì)算操作,完成計(jì)數(shù)器中加、減、乘、除功能。通過實(shí)踐,該設(shè)計(jì)具有強(qiáng)大的實(shí)用性,界面簡潔,功能合理,給用戶提供了很多的便利。
【文章來源】:太原學(xué)院學(xué)報(bào)(自然科學(xué)版). 2020,38(01)
【文章頁數(shù)】:4 頁
【部分圖文】:
界面視圖
本次設(shè)計(jì)計(jì)算器界面分為5行4列,采用最近較為流行的BootStrap的柵格系統(tǒng)[1]中為中超小屏幕的水平排列方式,這種方式由行與列的組合創(chuàng)建頁面布局的,可以在手機(jī)和PC機(jī)及平板電腦上查看。其中運(yùn)算結(jié)果文本框區(qū)域和清零框區(qū)域放置在固定寬度container容器中嵌套的1個(gè)row行中,其余按鈕上顯示的數(shù)字字符和運(yùn)算符字符則分別放置在另一個(gè)固定寬度container容器中嵌套的4個(gè)row行中,計(jì)算器的柵格系統(tǒng)布局圖如圖2所示。3.3 html代碼
【參考文獻(xiàn)】:
期刊論文
[1]用HTML+CSS+JavaScript實(shí)現(xiàn)計(jì)算器的設(shè)計(jì)[J]. 于萬國. 衡水學(xué)院學(xué)報(bào). 2014(04)
[2]基于JAVA的簡單計(jì)算器的設(shè)計(jì)與實(shí)現(xiàn)[J]. 任凱. 電腦知識(shí)與技術(shù). 2011(15)
本文編號(hào):3364015
【文章來源】:太原學(xué)院學(xué)報(bào)(自然科學(xué)版). 2020,38(01)
【文章頁數(shù)】:4 頁
【部分圖文】:
界面視圖
本次設(shè)計(jì)計(jì)算器界面分為5行4列,采用最近較為流行的BootStrap的柵格系統(tǒng)[1]中為中超小屏幕的水平排列方式,這種方式由行與列的組合創(chuàng)建頁面布局的,可以在手機(jī)和PC機(jī)及平板電腦上查看。其中運(yùn)算結(jié)果文本框區(qū)域和清零框區(qū)域放置在固定寬度container容器中嵌套的1個(gè)row行中,其余按鈕上顯示的數(shù)字字符和運(yùn)算符字符則分別放置在另一個(gè)固定寬度container容器中嵌套的4個(gè)row行中,計(jì)算器的柵格系統(tǒng)布局圖如圖2所示。3.3 html代碼
【參考文獻(xiàn)】:
期刊論文
[1]用HTML+CSS+JavaScript實(shí)現(xiàn)計(jì)算器的設(shè)計(jì)[J]. 于萬國. 衡水學(xué)院學(xué)報(bào). 2014(04)
[2]基于JAVA的簡單計(jì)算器的設(shè)計(jì)與實(shí)現(xiàn)[J]. 任凱. 電腦知識(shí)與技術(shù). 2011(15)
本文編號(hào):3364015
本文鏈接:http://sikaile.net/kejilunwen/jisuanjikexuelunwen/3364015.html
最近更新
教材專著