发信人: eagle()
整理人: (2000-03-08 13:29:57), 站内信件
|
先在左边框架网页的<head> ... </head>中放以下的代码:
<script language="javascript">
var myform;
var mytext;
var myurl;
function openurl(myform, mytext){
myurl=document.myform.mytext.value;
parent.right.location.href=myurl;
}
</script>
然后左边框架的页面源代码中加入以下的代码:
<form name="myform" onsubmit="openurl(this.form,this.text)>
<input type="text" name="mytext" value="http://">
<input type="button" name="Button" value="访问"
onclick="openurl(this.form,this.text)" >
</form>
说明:
该例子框架页包含左右两个框架, 左边框架的名字叫"left", 右边
的叫"right". 在左边页面的输入URL后,点击"访问"按钮, 可以在右
边框架中打开要访问的 url.
附:
三个页面的源代码:
index.html(框架页)
<html>
<head>
<title>例子</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<frameset cols="183,516">
<frame src="left.htm" name="left">
<frame src="right.html" name="right">
</frameset>
<noframes><body bgcolor="#FFFFFF">
</body></noframes>
</html>
left.html(左边页面)
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
var myform;
var mytext;
var myurl;
function openurl(myform, mytext){
myurl=document.myform.mytext.value;
parent.right.location.href=myurl;
}
</script>
</head>
<body bgcolor="#FFFFFF">
<p> </p>
<form name="myform" onsubmit="openurl(this.form,this.text)">
<p>输入URL:<br>
<input type="text" name="mytext" value="http://">
<br>
<input type="button" name="Button" value="访问"
onclick="openurl(this.form,this.text)" >
</p>
</form>
<p> </p>
<p> </p>
</body>
</html>
right.html(右边页面):
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF">
<p>在左边页面输入你要访问的URL, 网页将在右边框架(本框架)内打开 .</p>
</body>
</html>
--
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
http://gzeagle.163.net/ http://gzeagle.yeah.net
Java，JavaScript，网页设计，mIRC、ICQ、Dreamweaver...
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
※ 来源:．网易 BBS bbs.netease.com．[FROM: 202.104.33.121]
|
|