跨页面传参

最新推荐文章于 2024-12-17 18:49:43 发布

豆子米

最新推荐文章于 2024-12-17 18:49:43 发布

阅读量403

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript

本文链接：https://blog.youkuaiyun.com/mhfcr/article/details/18662927

Javascript 专栏收录该内容

32 篇文章

订阅专栏

index.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">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<head>
<script type="text/javascript">

$(document).ready(function(event){

$("#nav_2 li a").click(function(){
var showName= $(this).attr("name");
location.href = "default.html?kotei="+escape(showName);
});
});? ??? ??? ???
</script>
</head>
<body>

<div id="top">??????
<div id="menu">??? ???
<ul id="nav_2">??? ??? ??? ???????????
<li><a id="tab1" class="a_2" href="#" onclick="" name="ahah_1.html"><span>xxx111</span></a></li>
<li><a id="tab2" class="a_2" href="#" onclick="" name="ahah_2.html"><span>xxx222</span></a></li>
<li><a id="tab3" class="a_2" href="#" onclick="" name="ahah_3.html"><span>xxx333</span></a></li>
</ul>
</div>
</div>

</body>
</html>

=========================================== default.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">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<head>

</script>
<script src="jquery-1.2.6.min.js" type="text/javascript"></script>

<script type="text/javascript">
function loadTab(id)
{

var url=$(id).attr('name');
var divId="#"+$(id).attr('title');
$("#preloader").show();
$("#left").empty();
$.ajax(
{

url: url,
cache: false,
success: function(message)
{
if(divId!='#')
{
$("#left").append($(message).children(divId).html());
}
else
$("#left").append(message);
$("#preloader").hide();????????????
}
});
}
$(document).ready(function()
{
var? getText = unescape(location.href.substring(location.href.indexOf("?kotei=")+7));
$("#preloader").hide();
$("#nav_2 li a").click(function()
{
loadTab("#"+$(this).attr('id'));
$("li>a").css('background-color','#BBBBBB');
$(this).css('background-color','#eaaea1');
});

if (getText == "ahah_3.html") {$("#nav_2 li:nth-child(3)").children('a').click();}
else{
if(getText == "ahah_2.html")??? {
$("#nav_2 li:nth-child(2)").children('a').click();
}

else{

$("#nav_2 li:nth-child(1)").children('a').click();
}

}?
});
</script>

</head>
<body>

<div id="wrapper">
<div class="container">

<div id="top">

<div id="menu">
<ul id="nav_1">
<li><a href="#">注册</a></li>
<li><a href="index.html">登陆</a>|</li>??

</ul>
<ul id="nav_2">
<li><a id="tab1" name='ahah_1.html' title='' href="#">11111</a></li>
<li><a id="tab2" name='ahah_2.html' title='' href="#">22222</a></li>
<li><a id="tab3" name='ahah_3.html' title='' href="#">33333</a></li>
</ul>
</div>
</div>???

<div id="preloader">
<img src="loading.gif" align="absmiddle"/> Loading...???
</div>

<div id="content">
<div id="left">

</div>
<div id="right">

</div>?

<span></span>

</div>

</body>
</html>