html 中js和框架的用法

yingshanzi 发布于 2016/03/09 16:36
阅读 155
收藏 0

我想实现一段代码实现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页面,可是怎么也不成功~~

加载中
0
艾边成
艾边成

<a href="">已完成</a> <a href="">未完成</a>

去掉href属性,变成这样

<a>已完成</a> <a>未完成</a>

0
mark35
mark35

try:

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





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



返回顶部
顶部