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