html 如何将新的网页文件在框架Frame中打开
注意:超链接的是一个“网页文件”,并非“超链接地址”。
(可以用Javascript)
能不能详细一点啊?
我的左边页面写的是:
<a href="e:\Web\1.html" target="right">aaaaa</a>
<a href="e:\Web\2.html">bbbbbb</a>
如果用JS怎么写?
麻烦看清楚啊!我的a链接的不是一个超链接,实际上是一个文件,怎么还回答超链接,超链接的target你们不用说我都会。真是无语了! 展开
window.open('Url',MainFrame,'width=......,height=....');
其中:Url :需要打开的页面
MainFrame :装载(包含)这个页面的框架
width=......,height=....:页面的风格设置
另外一种方法为:
MainFrame.document.location = "Url";
即直接指定MainFrame的url指向为 某个url。
当然类似的也可以用
document.getElementById("MainFrame").src = "Url";
第一种方法是被动式的指定某个页面 要 加载 到哪个 框架内
后两种方法主动的设置 框架将要加载哪个页面
网页文件”,并非“超链接地址" 不知你这句话有什么区别,文件也可以用超链接来访问。写好路径就行
你可以把下面代码复制到一个目录下,保存为html格式。试一下。你就明白了!
1。
主框架页面:
<!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=gb2312" />
<title>无标题文档</title>
</head>
<frameset rows="*" cols="138,*" framespacing="1" frameborder="yes" border="1" bordercolor="#000000">
<frame src="left.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" />
<frame src="right.html" name="mainFrame" id="mainFrame" />
</frameset>
<noframes><body>
</body>
</noframes>
</html>
2。
左框架页面:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body link="black" vlink="olive" alink="blue">
<p><a href="我的首页.html" target="mainFrame">我的首页</a></p>
<p><a href="我的日记.html" target="mainFrame">我的日记</a></p>
</body>
</html>
3.
右框架页面:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
</body>
</html>
指定好Frame的 name="right" 连接target="right">
比如框架页
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html>
<head>
</head>
<frameset cols="20%,*">
<frame src="tree.html">
<frame src="index.html" name="right">
</frameset>
</html
左边的菜单页
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" dir="ltr">
<head>
</head>
<body>
<a href="e:\Web\1.html" target="right">aaaaa</a>
<a href="e:\Web\2.html" target="right">bbbbbb</a>
<body>
</html>
通过嵌套iframe 可以实现导入页面至另一个页面
javascript ">$(function () {document.getElementById("ifm").src ="";//Url地址$("#ifm").load(function () {var h = document.body.clientHeight;var w =
document.body.clientWidth;document.getElementById("ifm").height = h + "px";document.getElementById("ifm").width = w + "px";});})</script><body style="overflow-
y:hidden;overflow-x:hidden"><div id="pageone" style=""><iframe name="ifm" id="ifm" scrolling="yes" style="background-color: transparent;" marginwidth="0" marginheight="0" frameborder="0"></iframe></div></body>
Html:
超文本标记语言,标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。
<frame src="链接框架页显示面位置" name="mainFrame" id="mainFrame" title="mainFrame" />
这个是上下结构的,你在框架要保存上,下,整框架.