首先取到文本框?qū)ο?,然后給其value設(shè)值就可以了如:
創(chuàng)新互聯(lián)建站長期為成百上千客戶提供的網(wǎng)站建設(shè)服務(wù),團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年,關(guān)注不同地域、不同群體,并針對不同對象提供差異化的產(chǎn)品和服務(wù);打造開放共贏平臺,與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為臨海企業(yè)提供專業(yè)的成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì),臨海網(wǎng)站改版等技術(shù)服務(wù)。擁有十余年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ""
html
head
script type="text/javascript"
function sz(){
var abc = document.getElementById("abc");
abc.value = "這里是修改的值";
}
/script
/head
body
input id="abc"/
button onclick="sz()"設(shè)值/button
/body
/html
隨著Web前端的風(fēng)行于世,有許多小伙伴加入了前端開發(fā)行業(yè),但是有很多小伙伴想學(xué)Web前端很久了
首先,Web工程師要入門必須要了解前端、后端、后臺的基本概念,同時(shí)要了解基本的html、css和javascript語法,最后根據(jù)設(shè)計(jì)師的設(shè)計(jì)圖在不考慮兼容性的情況下把頁面做出來。
其次,你可以把html、css和javascript分成三個(gè)階段進(jìn)行學(xué)習(xí)。
第一階段:HTML的學(xué)習(xí)
Html是超文本標(biāo)記語言,英文全稱為HyperText Mark-up Language,這是一個(gè)網(wǎng)頁的骨架。靜態(tài)網(wǎng)頁還是動(dòng)態(tài)網(wǎng)頁,最終返回到瀏覽器端的都是HTML代碼,瀏覽器將HTML代碼解釋渲染后呈現(xiàn)給用戶。
當(dāng)然,學(xué)習(xí)html過程是比較枯燥乏味的,所以你需要更有效的學(xué)習(xí)策略。依w3cschool看來,你可以借助Dreamweaver的“拆分”視圖輔助學(xué)習(xí)。在“設(shè)計(jì)”視圖中看效果,在“代碼”視圖中學(xué)本質(zhì),將各種視圖的優(yōu)勢發(fā)揮到極致,想必會(huì)比單純記憶HTML標(biāo)簽和屬性有趣、有用的多吧?
第二階段:CSS的學(xué)習(xí)
CSS是英文Cascading Style Sheets的縮寫,叫做層疊樣式表,是能夠真正做到網(wǎng)頁表現(xiàn)與內(nèi)容分離的一種樣式設(shè)計(jì)語言。
學(xué)習(xí)css建議可以看相關(guān)的一些書籍,如《CSS權(quán)威指南》(很詳細(xì)、很經(jīng)典!)、《CSS揭秘》 《精通CSS:高級Web標(biāo)準(zhǔn)解決方案》,博客和專欄等也可以瀏覽。
第三階段:JavaScript的學(xué)習(xí)
JavaScript是一種在客戶端廣泛使用的腳步語言,在JavaScript當(dāng)中為我們提供了一些內(nèi)置函數(shù)、對象和DOM操作,進(jìn)而實(shí)現(xiàn)客戶端的特效、驗(yàn)證、交互等。
建議可以看《javascript語言精粹》,js是一門很混亂的語言,這本書能夠幫助你區(qū)分哪些是語言的精華,哪些是糟粕。如果是精華部分,我們在后續(xù)進(jìn)階部分可以深入研究,而如果是糟粕部分,那么只要大概看懂別人寫的渣代碼就可以,自己還是不要嘗試為妙。
通過這三個(gè)階段的學(xué)習(xí),我們就可以往更高級的web前端工程師進(jìn)階了!
《JavaScript基礎(chǔ)教程(第9版)》([美] Dori Smith)電子書網(wǎng)盤下載免費(fèi)在線閱讀
資源鏈接:
鏈接:
提取碼:8ghp
書名:JavaScript基礎(chǔ)教程(第9版)
作者:[美] Dori Smith
譯者:陳劍甌
出版社:人民郵電出版社
出版年份:2015-3
頁數(shù):404
內(nèi)容簡介:本書是經(jīng)典的JavaScript入門書,以易學(xué)便查、圖文并茂、循序漸進(jìn)和善于用常見任務(wù)講解語言知識而著稱。書中從JavaScript語言基礎(chǔ)開始,分別討論了圖像、框架、瀏覽器窗口、表單、正則表達(dá)式等內(nèi)容,循序漸進(jìn)地給出了JavaScript以及相關(guān)的CSS、DOM、Ajax和jQuery等技術(shù)。第9版全新改寫,新增更多示例和技術(shù)介紹,使用流行的jQuery框架向網(wǎng)站輕松添加有用的功能。
本書適合有志于從事Web開發(fā)和設(shè)計(jì)的初學(xué)者.也是高等院校相關(guān)課程的理想入門教材。
作者簡介:Dori Smith
世界知名的Web程序員和設(shè)計(jì)師,從事軟件開發(fā)已有20多年。她是Web標(biāo)準(zhǔn)項(xiàng)目(WaSP)指導(dǎo)委員會(huì)委員,并發(fā)起成立了世界性的女性技術(shù)社區(qū)Wise-Women Web。
Tom Negrino
蜚聲全球的技術(shù)作家,長期主持Macworld和許多其他技術(shù)雜志的專欄。自1995年開始,與Dori Smith合作著書,向初學(xué)者介紹Web,目前已著有數(shù)十本書。
JavaScript 是一種腳本語言,官方名稱為 ECMAScript(因定義語言的標(biāo)準(zhǔn)為 ECMA-262)。JS 的主要特點(diǎn):1. 語法類似于常見的高級語言,如 C 和 Java;2. 腳本語言,不需要編譯就可以由解釋器直接運(yùn)行;3. 變量松散定義,屬于弱類型語言;4. 面向?qū)ο蟮摹?/p>
JS 最初是為網(wǎng)頁設(shè)計(jì)而開發(fā)的,現(xiàn)在也是 Web 開發(fā)的重要語言。它支持對瀏覽器(瀏覽器對象模型,BOM)和 HTML 文檔(文檔對象模型,DOM)進(jìn)行操作,而使網(wǎng)頁呈現(xiàn)動(dòng)態(tài)的交互特性。
嚴(yán)格的說,JS 只是 ECMAScript 的一種實(shí)現(xiàn),是 ECMAScript 和 BOM、DOM 組成的一種 Web 開發(fā)技術(shù)。
第一種:這樣的代碼用多了比較耗時(shí),盡量少用;
head
script
window.onload=function(){
var oInput=document.createElement("input");
oInput.type="text";
document.body.appendChild(oInput);
}
/script
/head
第二種:這種也行
head
script
window.onload=function(){
document.body.innerHTML="input type='text' /"
}
/script
/head