毕业论文外文翻译--使用JavaScript设计网页(适用于毕业论文外文翻译+中英文对照).docx
- 文档编号:184903
- 上传时间:2022-10-05
- 格式:DOCX
- 页数:13
- 大小:22.12KB
毕业论文外文翻译--使用JavaScript设计网页(适用于毕业论文外文翻译+中英文对照).docx
《毕业论文外文翻译--使用JavaScript设计网页(适用于毕业论文外文翻译+中英文对照).docx》由会员分享,可在线阅读,更多相关《毕业论文外文翻译--使用JavaScript设计网页(适用于毕业论文外文翻译+中英文对照).docx(13页珍藏版)》请在冰豆网上搜索。
外文原文
Source:
WebPageDesignUsingJavaScript
THEBASICS
JAVASCRIPTusesasubsetoftheprogramminglanguageJAVAtoprovideahighlevelofinteractivityonawebpage.JavaScriptsarestoredwithinanHTMLdocumentandareinterpretedbythewebbrowser.
JavaScriptsmaybelocatedwithintheHTMLcodeatthepointinthepagewheretheyaretoappearonthescreenortheymaybewrittenusingfunctions.FunctionsaresmallsubprogramsthatarestoredbetweentheheadtagsofanHTMLdocumentandarecalledontobeexecutedwhenaparticulareventoccurs.
WhetherthescriptisstoredbetweentheheadtagsorwithinthebodyoftheHTMLdocument,itmustbeenclosedinscripttags.Also,asetofHTMLcommenttagsaretypicallyusedinsidethescripttagssothatolderbrowsersthatdonotsupportJavaScriptwillignorethescriptandcontinuetoprocessthepagewithouterrors.
Followingisanexampleofthescriptandcommenttags:
-
IncludeJavaScriptCodeHere
//->
BeawarethatJavaScriptiscasesensitive...thedifferencebetweenaworkingscriptandanerrormessagecanbeonecapitalletter.
ALERTBOXES
TopopupanalertboxincludethefollowinglineofcodeinsideofscripttagsinthebodyofyourHTMLdocument.Pleasenotethattheprocessingofthepagewillstopuntiltheviewerrespondstothealertbox.
alert("Placethetexttobedisplayedinthealertboxbetweenthesequotes.n)
Othertypesofpre-madedialogboxesareavailablesuchasthepromptandconfirmboxes.InordertotakefulladvantageofthefeaturesofthesedialogboxesyoumustwritemoreJavaScriptcodewhichcanusethevaluesthatarereturnedbythedialogboxes.
Thefollowingstatementswillpopupadialogboxthatrequiresayesornoanswer(OKorCancel).IftheanswerisOKthenthevariablenamedanswerhasavalueoftrueandiftheanswerisCancelthenthevariablenamedanswerhasavalueoffalse.YoucanthenuseanifstatementintheJavaScriptcodetorespondappropriately.
varanswer=confirm("Areyousureyouwanttoquit?
")
if(answer==true)
(
window.close()
}
Thefollowingcodewillpopupadialogboxthataskstheusertoentersomesortofinformation.IftheuserclicksOKtheinformationtheyenteredisstoredinthevariable.Thesecondsetofquotationmarksinsideofthepromptstatementmakethecontentsofthetextboxblankwhenthedialogboxisdisplayed.
varresponse=prompt("Whatisyourname?
"
document.write("
”)
Noticethatinthelasttwoexamplesthewindowanddocumentobjectswereused.Windowreferstothebrowserwindowanddocumentreferstothepagebeingdisplayed.Theuseofadotafterthenameoftheobjectallowsactionstobeperformedonthatobjectorpropertiesofthatobjecttobemodified.Inthisnextexample,thenavigatorobjectisreferencedinordertodisplaythebrowsernameandversion.
alert("Youareusing"+navigator.appName+"version"+navigator.appVersion+
POP-UPWINDOWS
AnadditionalbrowserwindowmaybeopenedusingasimpleJavaScript.Theopenmethodcontainsthreepartsasinthefollowingexample:
thenameofthedocumentorurlofthewebsitetobedisplayedinthenewwindow,thenamethatmaybeusedtorefertothebrowserwindow(requiresmorecodethanisshownhere),andthepropertiesofthenewwindow.Pleasenotethatthepropertiesarealllistedinonesetofquotationmarksandareseparatedbycommas.
open("myfile.html”,"mywin”,"height=200,width=200,titlebar=false")
Thefollowingpropertiesmaybeusedtocontroltheappearanceofthenewwindow:
Tablel-lpropertiesmaybeusedtocontroltheappearanceofthenewwindow
Feature
Example
Description
height
height=200
determinestheheightofthenewwindowinpixels
width
width=200
determinesthewidthofthenewwindowinpixels
titlebar
titlebar=false
removesthetitlebarfromthenewwindow
location
location
includestheurl/addresstextboxinthenewwindow
menubar
menubar
includesamenubarinthenewwindow
resize
resize=off
makesthenewwindowafixedsize
scrollbars
scrollbars
addsscrollbarstothenewwindow
status
status
includesastatusbarforthenewwindow
toolbar
toolbar=yes
addsatoolbarforthenewwindow
WRITINGFUNCTIONS
FunctionsaresmallsubprogramsthatarelocatedwithinscripttagsbetweentheheadtagsofanHTMLdocument.FunctionsareexecutedwhentheyarecalledbynamefromaneventhandlerwithinthebodyofanHTMLdocument.
Thebasicstructureofafunctionisasfollows:
functionNameOfFunction()
{
IncludeJavaScriptCodeHere
}
EVENTHANDLERS
Thefollowingexampledemonstratestheuseofeventhandleronclickaswellastheuseofstylestocontroltheappearanceofbuttons.Notethatinsteadofusingtype=submitforthebuttonthecodesimplysay
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 毕业论文 外文 翻译 使用 JavaScript 设计 网页 适用于 中英文 对照