页面局部跳转frameset

来源：互联网发布：js闭包编辑：程序博客网时间：2024/06/13 05:56

感谢分享 https://jingyan.baidu.com/article/f79b7cb344e14b9145023e5a.html

1.<frameset rows="第一个框架窗口的高度，第二个框架窗口的高度......"
cols="第一个框架窗口的宽度，第二个框架窗口的宽度"......>
所谓框架集属性frameset，其目的就是用来将网页分成什么样子。
2.
这里，又要提到一个窗口属性，frame
用<frameset>将整个页面分割成N个块，而每一个块，就是用frame来表示，其就是用来表示一个单独的页面。
其语法：
<frame src="页面的源地址">
3.
frameborder:用来表示显示边框
framespacing:表示边框的宽度

下面再来个列子：

使用frames就可以了。

共四个文件，保存后访问index.html，点左边go main与 go main2，右边跳转，但上面url不变。

index.html

XML/HTML code
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>frames</title>
</head>
 
<frameset cols="80,*" frameborder="no" border="0" framespacing="0">
  <frame src="left.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
  <frame src="main.html" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
<noframes><body>
</body>
</noframes></html>

left.html

XML/HTML code
?
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> left </title>
 </head>
 
 <body>
  <a href="main.html" target="mainFrame">go main</a>
  <a href="main2.html" target="mainFrame">go main2</a>
 </body>
</html>

main.html

XML/HTML code
?
1
2
3
4
5
6
7
8
9
10
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> left </title>
 </head>
 
 <body>
 <p>main</p>
 </body>
</html>

main2.html

XML/HTML code
?
1
2
3
4
5
6
7
8
9
10
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> left </title>
 </head>
 
 <body>
  <p>main2</p>
 </body>
</html>

阅读全文

0 0