3
回答
html 中js和框架的用法
华为云实践训练营,热门技术免费实践!>>>   

我想实现一段代码实现html 页面的跳转。却无法得到我想要的结果,求大神指导,出错在哪?

代码如下:

<!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>


<script>
function setTab(m,n){

<!-- alert("!!"); -->
 var text = document.getElementById("pp");
 text.src = "no.html";

}
</script>
</head>

<body>
 <ul>
                         <li  onclick="setTab(0,0)" ><a href="">已完成</a></li>
                         <li  onclick="setTab(0,1)" ><a href="">未完成</a></li>                                                                                                                                                     </ul>    
    
     <div   >      
        <iframe  id = "pp" width=420 height=330 frameborder=0 scrolling=auto src="yes.html"></iframe>

      </div>        
   
</body>
</html>


我想通过yes.html页面跳转到no.html页面,可是怎么也不成功~~

<无标签>
举报
yingshanzi
发帖于2年前 3回/147阅
共有3个答案 最后回答: 2年前

try:

<li><a href="no.html" target="mainframe">未完成</a></li>
...
<iframe  id = "pp" name="mainframe"  
  frameborder=0 scrolling=auto src="yes.html"></iframe>





<!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>
		<script>
			function setTab(m, n) {
				var text = document.getElementById("pp");
				if(n == 1){
					text.src = "no.html";
				}else if(n == 0){
					text.src = "yes.html";
				}
			}
		</script>
	</head>

	<body>
		<ul>
			<li onclick="setTab(0,0)"><a href="javascript:void(0);">已完成</a></li>
			<li onclick="setTab(0,1)"><a href="javascript:void(0);">未完成</a></li>
		</ul>
		<div>
			<iframe id="pp" width="420" height="330" frameborder="0" src="yes.html"></iframe>
		</div>

	</body>

</html>



顶部