📄 例4－22.txt
字号:
文件ch4-22-frame1.htm，定义了第一个窗口的框架。
<html>
<frameset rows="80%,50%" cols="60%,40%" onLoad="alert('Hello,world!')">
<frame src="ch4-22-f1.htm" name="Win1">
<frame src="ch4-22-f2.htm" name="Win2">
<frame src="ch4-22-f2.htm" name="Win3">
<frame src="ch4-22-f2.htm" name="Win4">
</frameset>
</html>
文件ch4-22-frame2.htm，定义了第二个窗口的框架。
<html>
<frameset rows="50%,50%" cols="40%,60%">
<frame src="ch4-22-f2.htm" name="Win1">
<frame src="ch4-22-f2.htm" name="Win2">
<frame src="ch4-22-f2.htm" name="Win3">
<frame src="ch4-22-f2.htm" name="Win4">
</frameset>
</html>
文件ch4-22-frame2.htm，定义了第二个窗口的框架。
<html>
<frameset rows="50%,50%" cols="40%,60%">
<frame src="ch4-22-f2.htm" name="Win1">
<frame src="ch4-22-f2.htm" name="Win2">
<frame src="ch4-22-f2.htm" name="Win3">
<frame src="ch4-22-f2.htm" name="Win4">
</frameset>
</html>
文件ch4-22-f1.htm，定义了第一个窗口的第一框架的内容。
<html><head><title>f1.htm的内容</title></head>
<body><a name="frame1"><h3>第一帧</h3></a>
<p><a href="ch4-22-f3.htm" target="Win2">单击此处</a>可在Win2中装载另一个文件。</p>
<script>window2=open("ch4-22-frame2.htm","第二个窗口");</script>
<form><input type=button value="设置Win1背景为cornsilk"
onClick="parent.Win1.document.bgColor='cornsilk'">
<input type=button value="设置Win2背景为darkred"
onClick="parent.Win2.document.bgColor='darkred'">
<input type=button value="设置Win3背景为slatblue"
onClick="parent.frames[2].document.bgColor='slatblue'">
<input type=button value="设置Win4背景为darkblue"
onClick="top.frames[3].document.bgColor='darkblue'">
<input type=button value="设置另一窗口Win1背景为cornsilk"
onClick="window2.Win1.document.bgColor='cornsilk'">
<input type=button value="设置另一窗口Win2背景为violet"
onClick="window2.Win2.document.bgColor='violet'">
<input type=button value="设置另一窗口Win3背景为pink"
onClick="window2.frames[2].document.bgColor='pink'">
<input type=button value="设置另一窗口Win4背景为yellow"
onClick="window2.frames[3].document.bgColor='yellow'">
</form></body></html>
文件ch4-22-f2.htm，定义了其余的内容。
<html><head><title>f2.htm的内容</title></head>
<body><p>This is a frame!</body></html>
文件ch4-22-f3.htm，由ch4-22-f1.htm中的超链接引用。
<html><head><title>f3.htm的内容</title></head>
<body><p>This is a frame just for the link in f1.htm!</body></html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -