急,在线等,怎么使用js在一个页面中实现点击不同的按扭调出相应的页面

时间:2021-02-13 19:54:13
既有一个表格,分两行,第一行有3 个按扭,点击这三个按扭,第二部分就调出对应按扭的3个页面,显示不同的内容,上次说错了,呵呵,各位高手帮忙,最好附源码

7 个解决方案

#1


up

#2


拉把椅子上帮"scswp()"顶,
呵呵

#3


分太少,帮顶

#4


好像用iframe就可以吧,是不是要这样的效果?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script language="javascript">
function showUrl(urlId){
var frame = document.getElementById("frame_1");
if(urlId == "1")
frame.src = "http://www.163.com";
else if(urlId == "2")
frame.src = "http://www.sohu.com";
else
    frame.src = "http://www.baidu.com";
}
</script>
<body>
<table width="375" border="1">
  <tr>
    <td width="59"><input type="button" name="Submit" value="163" onclick="javascript:showUrl('1');"/></td>
    <td width="59"><input type="button" name="Submit2" value="sohu" onclick="javascript:showUrl('2');"/></td>
    
<td width="235"><input type="button" name="Submit3" value="baidu" onclick="javascript:showUrl('3');"/></td>
  </tr>
  <tr>
    <td colspan="3">
<Iframe src="http://www.163.com" id="frame_1" ></iframe> 
</td>
  </tr>
</table>
</body>
</html>

#5


世纪书缘时隔两年多,《Java编程思想(第4版)》的中文版又要和广大Java程序员和爱好者们见面了。这是Java语言本身不断发展和完善的必然要求,也是本书作者Bruce Eckel孜孜不倦的创作激情和灵感所结出的硕果。

《Java编程思想(第4版)》以Java最新的版本JDK5.0为基础,在第3版的基础上,添加了最新的语言特性,并且对第3版的结构进行了调整,使得所有章节的安排更加遵照循序渐进的特点,同时每一章的内容在分量上也都更加均衡,这使读者能够更加容易地阅读本书并充分了解每章所讲述的内容。在这里我们再次向Bruce Eckel致敬,他不但向我们展示了什么样的书籍才是经典书籍,而且还展示了经典书籍怎样才能精益求精,长盛不衰。

Java已经成为了编程语言的骄子。我们可以看到,越来越多的大学在教授数据结构、程序设计和算法分析等课程时,选择以Java语言为载体。这说明Java语言已经是人们构建软件系统时主要使用的一种编程语言。但是,掌握好Java语言并不是一件可以轻松完成的任务,如何真正掌握Java语言,从而编写出健壮的、高效的以及灵活的程序是Java程序员们面临的重大挑战。

《Java编程思想(第4版)》就是一本能够让Java程序员轻松面对这一挑战,并最终取得胜利的经典书籍。本书深入浅出、循序渐进地把我们领入Java的世界,让我们在不知不觉中就学会了用Java的思想去考虑问题、解决问题。本书不仅适合Java的初学者,更适合于有经验的Java程序员,这正是本书的魅力所在。但是,书中并没有涵盖Java所有的类、接口和方法,因此,如果你希望将它当作Java的字典来使用,那么显然就要失望了。

我们在翻译本书的过程中力求忠于原著,为了保持连贯性,对原书第3版中仍然保持不变的部分,我们对译文除了个别地方之外,也没做修改。对于本书中出现的大量的专业术语尽量遵循标准的译法,并在有可能引起歧义之处注有英文原文,以方便读者对照与理解。

全书由陈昊鹏翻译,郭嘉也参与了部分翻译工作。由于水平有限,书中出现错误与不妥之处在所难免,恳请读者批评指正。www.sjsy.net

转载

#6


同意四楼的,顶

#7


就是要用iframe,然后判断是那个按钮,就将iframe的href指定到所对应的页面.

#8


该回复被版主删除

#1


up

#2


拉把椅子上帮"scswp()"顶,
呵呵

#3


分太少,帮顶

#4


好像用iframe就可以吧,是不是要这样的效果?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script language="javascript">
function showUrl(urlId){
var frame = document.getElementById("frame_1");
if(urlId == "1")
frame.src = "http://www.163.com";
else if(urlId == "2")
frame.src = "http://www.sohu.com";
else
    frame.src = "http://www.baidu.com";
}
</script>
<body>
<table width="375" border="1">
  <tr>
    <td width="59"><input type="button" name="Submit" value="163" onclick="javascript:showUrl('1');"/></td>
    <td width="59"><input type="button" name="Submit2" value="sohu" onclick="javascript:showUrl('2');"/></td>
    
<td width="235"><input type="button" name="Submit3" value="baidu" onclick="javascript:showUrl('3');"/></td>
  </tr>
  <tr>
    <td colspan="3">
<Iframe src="http://www.163.com" id="frame_1" ></iframe> 
</td>
  </tr>
</table>
</body>
</html>

#5


世纪书缘时隔两年多,《Java编程思想(第4版)》的中文版又要和广大Java程序员和爱好者们见面了。这是Java语言本身不断发展和完善的必然要求,也是本书作者Bruce Eckel孜孜不倦的创作激情和灵感所结出的硕果。

《Java编程思想(第4版)》以Java最新的版本JDK5.0为基础,在第3版的基础上,添加了最新的语言特性,并且对第3版的结构进行了调整,使得所有章节的安排更加遵照循序渐进的特点,同时每一章的内容在分量上也都更加均衡,这使读者能够更加容易地阅读本书并充分了解每章所讲述的内容。在这里我们再次向Bruce Eckel致敬,他不但向我们展示了什么样的书籍才是经典书籍,而且还展示了经典书籍怎样才能精益求精,长盛不衰。

Java已经成为了编程语言的骄子。我们可以看到,越来越多的大学在教授数据结构、程序设计和算法分析等课程时,选择以Java语言为载体。这说明Java语言已经是人们构建软件系统时主要使用的一种编程语言。但是,掌握好Java语言并不是一件可以轻松完成的任务,如何真正掌握Java语言,从而编写出健壮的、高效的以及灵活的程序是Java程序员们面临的重大挑战。

《Java编程思想(第4版)》就是一本能够让Java程序员轻松面对这一挑战,并最终取得胜利的经典书籍。本书深入浅出、循序渐进地把我们领入Java的世界,让我们在不知不觉中就学会了用Java的思想去考虑问题、解决问题。本书不仅适合Java的初学者,更适合于有经验的Java程序员,这正是本书的魅力所在。但是,书中并没有涵盖Java所有的类、接口和方法,因此,如果你希望将它当作Java的字典来使用,那么显然就要失望了。

我们在翻译本书的过程中力求忠于原著,为了保持连贯性,对原书第3版中仍然保持不变的部分,我们对译文除了个别地方之外,也没做修改。对于本书中出现的大量的专业术语尽量遵循标准的译法,并在有可能引起歧义之处注有英文原文,以方便读者对照与理解。

全书由陈昊鹏翻译,郭嘉也参与了部分翻译工作。由于水平有限,书中出现错误与不妥之处在所难免,恳请读者批评指正。www.sjsy.net

转载

#6


同意四楼的,顶

#7


就是要用iframe,然后判断是那个按钮,就将iframe的href指定到所对应的页面.

#8


该回复被版主删除