爱券网
返回列表 发新帖

点击a标签,跳转到iframe中,并在iframe中显示指定的页面

[复制链接]

1555

主题

1956

帖子

13万

积分

管理员

Rank: 9Rank: 9Rank: 9

UID
1
精华
0
金币
3150
威望
64600
注册时间
2016-3-24
最后登录
2021-1-22
发表于 2020-9-29 14:10:13  | 显示全部楼层 | 阅读模式
1、用a标签的target属性
  <iframe id="myFrameId" name="myFrameName" scrolling="no" frameborder="0"></iframe>
  <a href="../XX.action?codeInfo=Demo123" target="myFrameName" >跳转</a>

  上面a标签的target指向的是name为myFrameName的iframe,不是用Id来做指向的目标,如果target=“myFrameId”的话只有新版的Chrome、opera支持,在IE10,FF中都不生效。
2、跳转是用a标签的href传递参数,在含有iframe页面中用jquery接收判断传递过来的参数,然后获取iframe的id,根据参数设置iframe的src,显示指定的页面。

  在HTML中,
  <li id=“level1”><a href=“javascript:void(0);” onclick="method()">点击</a>
 在js的method()函数中,
  var subhref = "";
    if(event.data.url.indexOf("action")>=0){//获取当前页面的URL,URL为action形式
      subhref = event.data.url+"?projectId="+event.data.projectId+event.data.param;
    }else{//URL为jsp形式
      subhref = event.data.url;
    }
    $("#main").attr("src", subhref);//根据id设置iframe的src,跳转到相应的iframe,即进行iframe局部刷新

回复

使用道具 举报

0

主题

336

帖子

3679

积分

论坛元老

Rank: 8Rank: 8

UID
239
精华
0
金币
3344
威望
0
注册时间
2016-5-6
最后登录
2020-9-29
发表于 2020-9-29 14:16:24  | 显示全部楼层
这是什么东东啊
回复 支持 反对

使用道具 举报

0

主题

330

帖子

119

积分

注册会员

Rank: 2

UID
52
精华
0
金币
-212
威望
1
注册时间
2016-3-29
最后登录
2020-9-29
发表于 2020-9-29 14:28:24  | 显示全部楼层
不求风骚惊天下,但求猥琐动世人!
回复 支持 反对

使用道具 举报

0

主题

296

帖子

56

积分

注册会员

Rank: 2

UID
338
精华
0
金币
-239
威望
0
注册时间
2016-5-24
最后登录
2020-9-29
发表于 2020-9-29 14:39:19  | 显示全部楼层
找到好贴不容易,我顶你了,谢了
回复 支持 反对

使用道具 举报

0

主题

302

帖子

81

积分

注册会员

Rank: 2

UID
2340
精华
0
金币
-220
威望
0
注册时间
2016-10-10
最后登录
2020-9-29
发表于 2020-9-29 14:49:33  | 显示全部楼层
好好 学习了 确实不错
回复 支持 反对

使用道具 举报

0

主题

318

帖子

103

积分

注册会员

Rank: 2

UID
63
精华
0
金币
-216
威望
1
注册时间
2016-4-2
最后登录
2020-9-29
发表于 2020-9-29 14:59:57  | 显示全部楼层
LZ敢整点更有创意的不?兄弟们等着围观捏~
回复 支持 反对

使用道具 举报

0

主题

345

帖子

5167

积分

论坛元老

Rank: 8Rank: 8

UID
141
精华
0
金币
4823
威望
0
注册时间
2016-4-13
最后登录
2020-9-29
发表于 2020-9-29 15:10:37  | 显示全部楼层
边撸边过
回复 支持 反对

使用道具 举报

0

0

主题

0

帖子

6

积分

管理员

Rank: 9Rank: 9Rank: 9

UID
56
精华
0
金币
6
威望
0
注册时间
2016-4-1
最后登录
2016-4-10
发表于 2020-9-29 15:23:18  | 显示全部楼层
传说中的沙发???哇卡卡
回复 支持 反对

使用道具 举报

0

主题

316

帖子

3990

积分

论坛元老

Rank: 8Rank: 8

UID
259
精华
0
金币
3673
威望
1
注册时间
2016-5-11
最后登录
2020-9-29
发表于 2020-9-29 15:36:29  | 显示全部楼层
我的一楼总是献给度娘
回复 支持 反对

使用道具 举报

0

主题

298

帖子

4129

积分

论坛元老

Rank: 8Rank: 8

UID
233
精华
0
金币
3832
威望
0
注册时间
2016-5-6
最后登录
2020-9-29
发表于 2020-9-29 15:47:37  | 显示全部楼层
有空一起交流一下
回复 支持 反对

使用道具 举报

发表回复

*滑块验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们
关于我们
友情链接
联系我们
帮助中心
站长交流
购买须知
支付方式
服务支持
资源下载
售后服务
定制流程
关注我们
官方微博
官方空间
官方微信
快速回复 返回顶部 返回列表