小編給大家分享一下HTML如何實現多個頁面,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

html
做一個多項選擇界面,選擇一項彈出一個新頁面,選擇完這一項之后,返回之前的主html頁面。
比如說主頁面A,有兩個選擇項,1和2,點擊彈出對應的頁面1和頁面2,在這兩個頁面選擇對應的東西,選擇完頁面1之后把數據返回到A主頁面兩個text里,繼續選擇頁面2,選擇完頁面2后,數據返回到A主頁面另一個text里
我現在已經做出了選擇功能了,但是選擇完一個再選另一個,之前已經選擇好了的就找不到了
測試頁面:
<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、簡易性:超級文本標記語言版本升級采用超集方式,從而更加靈活方便,適合初學前端開發者使用。 2、可擴展性:超級文本標記語言的廣泛應用帶來了加強功能,增加標識符等要求,超級文本標記語言采取子類元素的方式,為系統擴展帶來保證。 3、平臺無關性:超級文本標記語言能夠在廣泛的平臺上使用,這也是萬維網盛行的一個原因。 4、通用性:HTML是網絡的通用語言,它允許網頁制作人建立文本與圖片相結合的復雜頁面,這些頁面可以被網上任何其他人瀏覽到,無論使用的是什么類型的電腦或瀏覽器。
以上是“HTML如何實現多個頁面”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注創新互聯行業資訊頻道!
網站欄目:HTML如何實現多個頁面-創新互聯
網頁鏈接:http://www.yijiale78.com/article0/phdoo.html
成都網站建設公司_創新互聯,為您提供品牌網站設計、App設計、建站公司、營銷型網站建設、虛擬主機、網站營銷
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯