a、b页面通过调用javascript函数修改显示内容

a页面内容:<body><a>hello</a><a>world</a><a>goodbye</a></body>b页面内容:<body><tablewidth="500... a页面内容:
<body>
<a>hello</a>
<a>world</a>
<a>goodbye</a>
</body>

b页面内容:
<body>
<table width="500" border="1">
<tr>
<td width="100" height="100">
<a href="text/hello.html" target="newiframe">hello</a>
</td>

<td rowspan="3"><iframe id="showtext" name="newiframe" src="text/hello.html" scrolling="no" frameborder="0" width="400" height="200"></iframe>
</td>
</tr>

<tr>
<td width="100" height="100"><a href="text/world.html" target="newiframe">world</a> </td>
</tr>

<tr>
<td height="100"><a href="text/goodbye.html" target="newiframe">goodbye</a></td>
</tr>
</table>
</body>
——————————————————————————————————————————————
如上图所示,想通过点击a页面的链接(hello、world、goodbye)跳转到b页面显示相应的hello、world、goodbye的内容。我只会用document.getElementById和input做同页面的跳转,不同页面的不理解,望大神指教。纯自学,给工作室做网站。万分感谢,求详细代码!
展开
 我来答
wang313378172
2014-01-26
知道答主
回答量:57
采纳率:100%
帮助的人:23.8万
展开全部
这问题很没营养!
a页面内容:
<body>
<a href="b.html?p=hello">hello</a>
<a>world</a>
<a>goodbye</a>
</body>
======================

下面是获取的方法,获取到p的值

============================================

// 获取地址栏的参数数组
function getUrlParams()
{
var search = window.location.search ;
// 写入数据字典
var tmparray = search.substr(1,search.length).split("&");
var paramsArray = new Array;
if( tmparray != null)
{
for(var i = 0;i<tmparray.length;i++)
{
var reg = /[=|^==]/; // 用=进行拆分,但不包括==
var set1 = tmparray[i].replace(reg,'&');
var tmpStr2 = set1.split('&');
var array = new Array ;
array[tmpStr2[0]] = tmpStr2[1] ;
paramsArray.push(array);
}
}
// 将参数数组进行返回
return paramsArray ;
}
// 根据参数名称获取参数值
function getParamValue(name)
{
var paramsArray = getUrlParams();
if(paramsArray != null)
{
for(var i = 0 ; i < paramsArray.length ; i ++ )
{
for(var j in paramsArray[i] )
{
if( j == name )
{
return paramsArray[i][j] ;
}
}
}
}
return null ;
}
/********
接收地址栏参数
key:参数名称
**********/
function GetQuery(key) {
var search = location.search.slice(1); //得到get方式提交的查询字符串
var arr = search.split("&");
for (var i = 0; i < arr.length; i++) {
var ar = arr[i].split("=");
if (ar[0] == key) {
return ar[1];
}
}
}
==============================
然后在b页面接收地址栏p的值,这是个很复杂的过程,劝你还是打消念头!
后面在处理b页面的显示。总之这个问题很没营养
更多追问追答
追问
那应该怎么实现这种效果更好啊!
我不知道有没有营养,我确实是刚刚自学的,不明白其中的原理。
那用什么方法实现比较好啊!?
追答
做一些有实际应用场景事,你想的这种场景,在实际应用中很少,多数都是jsp,php混合jq实现,当前页面点击,出现弹出框,弹出框的内容是动态显示,更复杂的就是客户端的交互,那就太远了。
我给个效果给你,thinkbox jquery,你搜索看看,比较接近你想要的
dingonet
2014-01-26 · TA获得超过430个赞
知道小有建树答主
回答量:872
采纳率:66%
帮助的人:493万
展开全部
纯JS比较麻烦吧。你只能在A页的连接上加上参数。在B页面用JS获得这个参数,在初始化页面的时候调用一个js来对B页面中Iframe中的Src做设置。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2014-01-26
展开全部
图看不到,这种情况用iframe会简单点
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2014-01-26
展开全部
嗯,也不太会吖。请勿采纳。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式