控制页内页外跳转

我就是我 2022-05-16 15:14 245阅读 0赞

<div class="admin">
    	         <a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-bkgl'" 
    	         	data-icon="icon-ok" data-link="test/admin-index" style="width: 150px;" iframe="0">管理员登录</a>
    </div>
    
    $(function() {
    			$('.admin a').bind("click", function() {
    				/* alert("hello"); */
    				var title = $(this).text();
    				var url = $(this).attr('data-link');
    				var iconCls = $(this).attr('data-icon');
    				var iframe = $(this).attr('iframe') == 1 ? true : false;
    				/* alert(iframe); */
    				alert(url);
    				admin_index(title, url, iconCls, iframe);
    			});
    		});
    		function admin_index(title, href, iconCls, iframe){
    			var tabPanel = $('#tabs');
    			if(!tabPanel.tabs('exists',title)){
    				var content = '<iframe scrolling="auto" frameborder="0"  src="'+ href +'" style="width:100%;height:100%;"></iframe>';
    				if(iframe){ /* inframe为true  页面内跳转 */
    					/* alert("iframe=true"); */
    					tabPanel.tabs('add',{
    						title:title,
    						content:content,
    						iconCls:iconCls,
    						fit:true,
    						cls:'pd3',
    						closable:true
    					});
    				}
    				else{/* inframe为false执行  页面外部跳转*/
    					alert("iframe=false");
    					$(location).attr('href',href);
    					/*tabPanel.tabs('add',{
    						title:title,
    						href:href,
    						iconCls:iconCls,
    						fit:true,
    						cls:'pd3',
    						closable:true
    					}); */
    				}
    			}
    			else
    			{	
    				alert("iframe=3");
    				tabPanel.tabs('select',title);
    			}
    		}

通过iframe控制页面内部还是外部跳转在标签内部设置iframe

发表评论取消回复

表情：

评论列表（有 0 条评论，245人围观）

还没有评论，来说两句吧...

相关阅读

相关 SpringBoot设置首页(默认页)跳转

SpringBoot设置首页(默认页)跳转方案1：controller里添加一个"/"的映射路径 @RequestMapping("/") publi

╰+哭是因爲堅強的太久メ/ 2023年10月04日 15:56/ 0 赞/ 16 阅读

相关 markdown中目录实现(页内跳转)

整体使用HTML那一套，基于瞄点完成。在链接处使用如下结构： []() []代表显示名称 ()代表跳转位置 <a id="catlog">

淩亂°似流年/ 2023年09月26日 20:44/ 0 赞/ 146 阅读

相关博客园--页内跳转

MarkDown实现生成目录的方法: // mycode在当前页面是唯一的命名 [点击跳转](mycode) <span id="my

爱被打了一巴掌/ 2023年06月03日 02:44/ 0 赞/ 100 阅读

相关如何解决uniapp加载登录页时，却先跳转首页再跳转登录页的问题

在使用uniapp开发APP的时候，很多时候需要用到自动登录功能，由于uniapp默认显示的第一页是在pages.json中设置的第一项，如果我们将登录页设置为pages.js

梦里梦外;/ 2022年08月31日 07:15/ 0 赞/ 1609 阅读

相关 React-Native之引导页跳转到主页

1：目录 ![70][] 2：App.js页 import {AppStackNavigator} from "./navigations/AppN

ゝ一纸荒年。/ 2022年05月22日 06:06/ 0 赞/ 253 阅读

相关 MarkDown技巧：实现页内跳转

MarkDown技巧：实现页内跳转 // mycode在当前页面是唯一的命名 [点击跳转](mycode) <span id="myco

旧城等待，/ 2022年05月21日 04:38/ 0 赞/ 203 阅读

相关控制页内页外跳转

<div class="admin"> <a href="javascript:void(0)" class="easyui-linkbut

我就是我/ 2022年05月16日 15:14/ 0 赞/ 246 阅读

相关 easyui页内跳转

easyui-layout面板左侧面板点击---》中心面板添加的过程页面跳转的方式点击触发JavaScript函数或者easyui $("\tabs").xxx()；（这两

深藏阁楼爱情的钟/ 2022年05月15日 14:34/ 0 赞/ 566 阅读

相关 Java表格页跳转

Java表格页跳转 > 表格页跳转需要用到四个参数：数据的总条数，数据的总页数，页大小，当前页。在jsp中用<c:if>标签判断当前页是否大于1，大于1添加首页和上一

本是古典何须时尚/ 2022年01月22日 06:51/ 0 赞/ 271 阅读

相关快速生成markdown目录TOC，页内跳转

最近总结了一篇很长的`webpck`的文档，但是太长的了，如果能有个页面内跳转的好了探索一番发现so easy! 先看成品 [webpack][] 首先先在你的项目内安装

超、凢脫俗/ 2022年01月20日 02:45/ 0 赞/ 352 阅读