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做同页面的跳转,不同页面的不理解,望大神指教。纯自学,给工作室做网站。万分感谢,求详细代码! 展开
<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做同页面的跳转,不同页面的不理解,望大神指教。纯自学,给工作室做网站。万分感谢,求详细代码! 展开
4个回答
展开全部
这问题很没营养!
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页面的显示。总之这个问题很没营养
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,你搜索看看,比较接近你想要的
展开全部
纯JS比较麻烦吧。你只能在A页的连接上加上参数。在B页面用JS获得这个参数,在初始化页面的时候调用一个js来对B页面中Iframe中的Src做设置。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2014-01-26
展开全部
图看不到,这种情况用iframe会简单点
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2014-01-26
展开全部
嗯,也不太会吖。请勿采纳。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询