作者eecir (小君你最可愛了)
看板Web_Design
標題Re: 同時連結至兩個網頁
時間Sun Jun 25 02:18:44 2006
※ 引述《Laird (taiwan No.ONE!!!!)》之銘言：
: 我使用frame, 想用一個hyperlink指向兩個不同的frame.
: 請問使用<a herf...>AAA</a>的語法，有辦法讓他同時指向兩個不同的網頁嗎？
: 如果沒有，請問有沒有別的方法可以完成這件事情？
: 十分感謝
<FRAMESET rows=85%,15%>
<FRAME src="FrameChangeMain.html" NAME="A">
<FRAMESET cols=33%,33%,33%>
<FRAME src="FrameChangeA1.html" NAME="B">
<FRAME src="FrameChangeB1.html" NAME="C">
<FRAME src="FrameChangeC1.html" NAME="D">
</FRAMESET>
</FRAMESET>
如果這段語法對你像是甲骨文，那你應該回到 基本框架旗標 多下點功夫。言歸正傳，我為四個框格分別取名為A、B、C、D，以便於日後我需要使用連結旗標的TARGET屬性來控制框格內容的變換。
當然這時候你已經知道NAME和TARGET屬性了，你也會為框格取名，可是你八成不知道，在你為框格取名之前，瀏覽程式已經把它們編號了。
框格編號
瀏覽程式會依框格出現在原始碼中的順序為它們編號。
但是
它是由0開始的，所以三個框格由左向右為：frames[1]、frames[2]和frames[3]。那麼frames[0]在那兒呢？你回頭看一下原始碼，應該不難猜出：
<FRAMESET rows=85%,15%>
<FRAME src="FrameChangeMain.html" NAME="A"> 這是frames[0]
<FRAMESET cols=33%,33%,33%>
<FRAME src="FrameChangeA1.html" NAME="B"> 這是frames[1]
<FRAME src="FrameChangeB1.html" NAME="C"> 這是frames[2]
<FRAME src="FrameChangeC1.html" NAME="D"> 這是frames[3]
</FRAMESET>
</FRAMESET>
注意：frames[--]的英文是框架的複數(加上s)，在爪哇語法中如果拼成frame[--]就錯了。
爪哇語法
以下是將三個框格內容更換為C/NET連結圖案的原始碼：
<FORM>
<INPUT > parent.frames[2].location='FrameChangeB2.html';
parent.frames[3].location='FrameChangeC2.html';"
type=button value="同時更新三個框架">
</FORM>
原始碼分析：
如果你不太熟悉表單旗標(FORM)爪哇語法(JavaScript)，沒有關係，請容我另文介紹。我先介紹我們在這兒所用到的HTML及JavaScript：
FORM 表單的開始旗標。
INPUT TYPE="button" 宣告將使用按鈕(Button)。
VALUE= 宣告按鈕上的文字。
onClick= 宣告當點選按鈕時要求瀏覽程式所要完成的工作。注意：除了字母C以外，其它字母皆為小寫。
parent.frames[1].location='FrameChangeA2.html'; 這兒就是爪哇語法(JavaScript)了：
"Parent" 在英文中是指父母親，在這兒指的是母框(整個視窗)。
"frames[1]" 依指令動作而將變動(更新內容)的框格。
"location=______" 變動(更新內容)網頁的連結地址，在這兒是FrameChangeA2.html。
注意：不可遺漏行末的分號(;)。
/FORM 表單的結束旗標。
再看看將三個框格內容換回來的原始碼：
<FORM>
<INPUT > parent.frames[2].location='FrameChangeB1.html';
parent.frames[3].location='FrameChangeC1.html';"
type=button value="嗯！可以換回來了">
</FORM>
明白了嗎？隨你高興，你可以同時更新許多框格內容。你只需使用 onClick= 指令，為需要更新的每一個框格加上 parent.frames[#].location='______'; 即可。
此外，你注意到沒有？ onClick= 指令後面接的是雙引號(")，parent.frames[#].location='______'; 指令後面接的是單引號(')，不能搞錯哦！
結語
你當然可以使用許多框格，然後點選按鈕一次就更新全部。但有一件事請常記在心，每更新一個框格就需要重新下載一篇網頁，更新十個框格就需要重新下載十篇網頁，更新愈多框格則下載速度愈慢。如果真的是需要同時更新許多框格，其內容愈簡潔愈好(少圖少字)，以縮短下載時間。
資料來源:
http://www.geocities.com/alfredcave/FrameChangeMain.html
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 210.64.169.196