小編給大家分享一下HTML如何實現(xiàn)多個頁面,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
成都創(chuàng)新互聯(lián)主營武定網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,app開發(fā)定制,武定h5小程序定制開發(fā)搭建,武定網(wǎng)站營銷推廣歡迎武定等地區(qū)企業(yè)咨詢html
做一個多項選擇界面,選擇一項彈出一個新頁面,選擇完這一項之后,返回之前的主html頁面。
比如說主頁面A,有兩個選擇項,1和2,點擊彈出對應(yīng)的頁面1和頁面2,在這兩個頁面選擇對應(yīng)的東西,選擇完頁面1之后把數(shù)據(jù)返回到A主頁面兩個text里,繼續(xù)選擇頁面2,選擇完頁面2后,數(shù)據(jù)返回到A主頁面另一個text里
我現(xiàn)在已經(jīng)做出了選擇功能了,但是選擇完一個再選另一個,之前已經(jīng)選擇好了的就找不到了
測試頁面:
<html> <head> <title>測試</title> <script> function selectWin(index) { if(index==1) { window.open("1.html"); } else { window.open("2.html"); } } </script> </head> <form name="myform"> <table> <tr> <td>選擇</td> <TD> <INPUT type="checkbox" name="chk" value="1" onclick="selectWin(this.value)">選擇一 <INPUT type="checkbox" name="chk" value="2" onclick="selectWin(this.value)">選擇二 </TD> <tr> <tr> <td> <input type="text" name="txt1"> <input type="text" name="txt2"> </td></tr> </table> </form> </html>
1.html
<html> <head> <title>測試</title> <script> function returnVal(index) { window.opener.document.forms[0].txt1.value=index; window.close(); } </script> </head> <form name="myform"> <table> <td> <input type="text" name="txt1"> <input type="button" value="返回" onClick="returnVal(document.forms[0].txt1.value);"> </td></tr> </table> </form> </html>
2.html:
<html> <head> <title>測試</title> <script> function returnVal(index) { window.opener.document.forms[0].txt2.value=index; window.close(); } </script> </head> <form name="myform"> <table> <td> <input type="text" name="txt1"> <input type="button" value="返回" onClick="returnVal(document.forms[0].txt1.value);"> </td></tr> </table> </form> </html>
1、簡易性:超級文本標(biāo)記語言版本升級采用超集方式,從而更加靈活方便,適合初學(xué)前端開發(fā)者使用。 2、可擴展性:超級文本標(biāo)記語言的廣泛應(yīng)用帶來了加強功能,增加標(biāo)識符等要求,超級文本標(biāo)記語言采取子類元素的方式,為系統(tǒng)擴展帶來保證。 3、平臺無關(guān)性:超級文本標(biāo)記語言能夠在廣泛的平臺上使用,這也是萬維網(wǎng)盛行的一個原因。 4、通用性:HTML是網(wǎng)絡(luò)的通用語言,它允許網(wǎng)頁制作人建立文本與圖片相結(jié)合的復(fù)雜頁面,這些頁面可以被網(wǎng)上任何其他人瀏覽到,無論使用的是什么類型的電腦或瀏覽器。
以上是“HTML如何實現(xiàn)多個頁面”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
網(wǎng)站欄目:HTML如何實現(xiàn)多個頁面-創(chuàng)新互聯(lián)
網(wǎng)頁鏈接:http://aaarwkj.com/article0/phdoo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站設(shè)計、App設(shè)計、建站公司、營銷型網(wǎng)站建設(shè)、虛擬主機、網(wǎng)站營銷
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)