Layui的layui.open打不开iframe页

2024-10-20

Layui-admin-iframe通过页面链接直接在iframe内打开一个新的页面，实现单页面的效果

前言: 使用Layui-admin做后台管理框架有很长的一段时间了,但是一直没有对框架内iframe菜单栏切换跳转做深入的了解.今天有一个这样的需求就是通过获取超链接中传递过来的跳转地址和对应的tabs的title名称参数,在layui-admin-iframe中自动打开一个新的tabs页面,不需要点击左边的菜单栏,实现一个单页面的效果. 代码实现: 请求的超链接如下所示: https://xxxx.xxx.com?transferUrl=/Home/Index&openTabsName=首页

jquery3和layui冲突导，致使用layui.layer.full弹出全屏iframe窗口时高度152px问题

项目中使用的jquery版本是jquery-3.2.1,在使用layui弹出全屏iframe窗口时,iframe窗口顶部总是出现一个152px高的滚动窗口无法实现真正全屏,代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial

layui 如果调用 from 内嵌入的 iframe子页面方法

(人笨,占时想法的办法,不要骂,不要骂,怕了怕了,想到别的会来改的) 父页面; <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+":/

layui在当前页面弹出一个iframe层，并改变这个iframe层里的一些内容

layer.open({ type: 2, title: "专家信息", area: ['100%', '100%'], content: '/ZhuanJiaKu/AddZhuanJiaItem?isManager=true&zhuanJiaPersonalId=' + personalId, success: function (layero, index) { var body = layer.getChildFrame('body', index); var ifram

layer 当前页获取iframe页的DOM元素

layer.layui 开启iframe 之后,获取iframe 内容做自定义处理. parent.layer.open({ type: , title: '任務執行狀況.', shadeClose: true, shade: false, maxmin: true, //开启最大化最小化按钮 area: ['1150px', '650px'], content: '/CrystalQuartzPanel.axd', success: function (layero, index) { va

防止IFRAME页被嵌套

防止IFRAME页被嵌套 //最大化窗口,防止窗口嵌套 if (parent.location != window.location){ parent.location = window.location; } 来自:http://user.qzone.qq.com/526605799/blog/1397193941

Laravel 5.5 + Vue 开发单页应用

上次我用 laravel5.3 + Vue 开发了一个简单的单页应用,这次我打算将其升级到 laravel5.5,在升级的过程中,做一下记录,其源码放在 github 上面,源码地址开发环境软件包版本 Laravel 5.5 Vue > 2.5.7 axios > 0.17 vue-router > 3.0.1 vuex > 3.0.1 安装 # 安装 laravel composer create-project --prefer-dist laravel/lara

Layer获取iframe的dom元素及调用iframe页的js方法

1. 父页面点击第一个按钮触发,获取子页面中的body元素,调用子页面中定义的js方法 yes : function(index,layero){ //获取iframe的body元素 var body = layer.getChildFrame('body',index); //得到iframe页的窗口对象 var iframeWin = window[layero.find('iframe')[0]['name']]; //执行iframe页的showMsg方法 iframeWin.showM

.net core使用Ku.Core.Extensions.Layui实现layui表单渲染

演示网站地址:http://layui.kulend.com/项目地址:https://github.com/kulend/Ku.Core.Extensions/tree/master/Ku.Core.Extensions.Layui Demo代码:https://github.com/kulend/Ku.Core.Extensions/tree/master/Tests/Ku.Core.Extensions.Layui.Test 如果您的.net core 2.0项目使用layui来渲染表单,

【Layui】Layui模板引擎生成下拉框不显示

首先让我震惊了一下,layui引擎模板居然是支持ajax操作的博主的需求是需要在数据表格内放入下拉框而下拉框的数据是数据库内查出来的(详见上一篇博客),但是下拉框怎么也显示不出来找了四个小时的问题,一直以为是引擎模板不支持绑定ajax查出来的数据,最后发现是异步的问题.....(

网站模板-Layui：Layui

ylbtech-网站模板-Layui:百科 layui,是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用.其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处细节都经过精心雕琢,非常适合界面的快速开发.layui 首个版本发布于2016年秋,它区别于那些基于 MVVM 底层的 UI 框架,却并非逆道而行,而是信奉返璞归真之道.准确地说,她更多是为服务端程序员量身定做,你无需涉足各种前端工具的复杂配置

【Layui】 layui表单必填项带*样式

直接上代码 .layui-form-label.layui-required:after{ content:"*"; color:red; position: absolute; top:5px; left:15px; } <div class="layui-form"> <div class="layui-form-item"> <label class="layui-form-label layui-r

session登录超时跳出iframe页至登录窗口

//当我们用权限框架控制登录超时跳至某一个页面时主页面都没什么问题:iframe会在当前窗口下再开一个会话很显然这不是我们想要达到的效果在登录页中加入此判断即可 $(function(){ //iframe session超时判断URL是否为顶级窗口 if (window.top!=null && window.top.document.URL!=document.URL){ window.top.location= document.URL; } })

使用Vue快速开发单页应用

本文所涉及代码全在vue-cnode 单页应用,即在一个页面集成系统中所有功能,整个应用只有一个页面.因为路由的控制在前端,单页面应用在页面切换时比传统页面更快,从而在前端体验更好. 将逻辑从后端转移到前端,提升了性能减少了页面加载时间,前后逻辑更扁平.但是当页面复杂度变高时,你会发现,数据处理,UI交互将变得难以维护,所以应运而生,出现了很多MV框架和类库.Vue就是其中之一,个人觉得(非喜勿喷)Vue类库相对于其他MV框架上整体的api更为简洁,提供的api很平衡,解决了问题的同时,没有增加

js操作控制iframe页面的dom元素

1.代码1 index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我是demo1.html</title> <script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8">&l

vueRouter点击打开新页签

一.vue 路由使用 vue是单页面SPA,一般我们使用vue-router 设定路由进行页面跳转的时候,都是直接覆盖当前页面.比如,在a页面中有如下超链接 <router-link to="/sub-task-info-detail">子任务详情</router-link> 直接这样设置的话,会在当前页面直接修改url,覆盖原始页面. 我们大多数情况下也是很希望这样的,但是有时候也希望不覆盖当前页面,直接打开一个新页签,类似于<a href="

eclipse启动了tomcat，但是浏览器打不开欢迎页

tomcat在eclipse中启动成功,主页却打不开症状: tomcat在eclipse里面能正常启动,而在浏览器中访问http://localhost:8080/不能访问,且报404错误.同时其他项目页面也不能访问. 关闭eclipse里面的tomcat,在tomcat安装目录下双击startup.bat手动启动tomcat服务器.访问htt://localhost:8080/能正常访问tomcat管理页面. 症状原因: eclipse将tomcat的项目发布目录(tomcat 目录中的we

webdriver高级应用- 浏览器中新开标签页（Tab）

#encoding=utf-8 import unittest from selenium import webdriver import time import win32api, win32con VK_CODE ={'ctrl':0x11, 't':0x54, 'tab':0x09} # 键盘键按下 def keyDown(keyName): win32api.keybd_event(VK_CODE[keyName], 0, 0, 0) # 键盘键抬起 def keyUp(keyName)

node-webkit 主页面和 iframe 页通讯

<html lang="en-US"> <head> <title>Hello World!</title> <style> </style> </head> <body> <iframe src="http://rwdev.meilishuo.com/test/im" id="f"></iframe> <script &

填坑：在 SegmentFault 开发单页应用之图片引用的问题探索

前言前段时间,SegmentFault 低调上线了技术号模块,方便用户对数据进行集中管理.在开发过程中,第一次引入了 MV* 框架. SF 的基本架构还是后端路由,这也使得页面频繁地整体请求,体验非常不好.而技术号这个模块,不依赖 SEO,侧边导航又具有非常强烈的可切换性,所以适当地引入一个 MV* 框架是非常合适的.基于此考虑,决定在这个模块的开发中引入 Vue.js. SF 目前的前端架构是非常传统的,jQuery+BootStrap+Requirejs+Gulp 的开发组合,r.js

window.open新打开窗口与新开标签页

最近在使用window.open时忽略了一个细节问题:window.open新打开一个窗口,但是有时却是新打开一个窗口有时打开一个新标签页.虽然对一般的需求来说,这个两种情况都无所谓,但是对于那种有强烈区分的需求来说还是要注意的.那么怎么会出现这种不同的打开情况呢,这要从window.open方法的用法和不同浏览器来区分. 1.window.open的用法容易忽视的细节 window.open方法有三个参数: window.open(url, [name], [configuration]) 其

Layui的layui.open打不开iframe页

热门专题