工作中web前端碰到一些弹出窗口问题:利用iframe解决,优化代码的视觉效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="../common/title.jsp"%>
<title><%=htitle%></title>
<meta http-equiv="pragma" content="no-cache"></meta>
<meta http-equiv="cache-control" content="no-cache"></meta>
<meta http-equiv="expires" content="0"></meta>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" ></meta>
<link rel="stylesheet" type="text/css" href="../../resources/weixin/css/style.css"></link>
<script type="text/javascript" src="../../resources/script/framework/hd_Include.js"></script>
<script type="text/javascript">
<span style="color:#cc0000;">function AddMenus(){
var url="goAction.do?opmode=添加&curpath="+document.getElementById("curpath").value;
document.getElementById("openiframe").src=encodeURI(url);
openDiv();
function openDiv(){
document.getElementById('light').style.display='block';
document.getElementById('fade').style.display='block';
document.getElementById('fade').style.height=document.documentElement.scrollHeight+'px';
}</span>
</script>
</head>
<form id="form1" name="form1" method="post" action="menuQuery.do">
<!--右边 -->
<div class="cetrt">
<div class="cetrt-title">
<span style="font-size: 14px;font-weight: bolder;"><c:out value="${curpath}"></c:out></span>
<a id="refreshMenu" href ="javascript:void(0)" οnclick="refreshMenu();"></a>
<a class="zengjia" href ="javascript:void(0)" οnclick="AddMenus();"></a>
<span style="color:#996633;"><!--iframe窗口弹出代码!--></span>
<span style="color:#ff0000;"> <div id="light" class="white_content" style="position:fixed;">
<div style="width:100%;height:100%">
<iframe id="openiframe" src="" width="100%" height="100%" frameborder="0"></iframe>
</div></span>
</form>
</body>
</html>
在使拥iframe框架的时候,我们总是嵌套各种页面,都在一个地方显示。但是有时候,我们需要跳转到其他页面,就会出现还在一个inframe框架里面。这个时候,就需要下面的方法了。1、利用超链接属性中target="_parent"。在超链接中加入target属性<a href="../login/action_logout.do" target="_parent"> (或者<a...
index.htmliframe.html$(function(){$("#window").window({width: 200,height: 100});});效果由于是在iframe中弹窗致使窗口被腰斩,所以需要向window中追加节点再弹窗,解决方式如下var win = window.top.document.createElement("div");window.top.docume...
<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>Docume
一、window.toptop属性返回最顶层的先辈窗口。该属性返回对一个顶级窗口的只读引用。如果窗口本身就是一个顶级窗口,top属性存放对窗口自身的引用。如果窗口是一个框架,那么top属性引用包含框架的顶层窗口。二、window.selfself属性可返回对窗口自身的只读引用。等价于Window属性。三、window.locationwindow.location(MDN)对...
跨站点请求伪造 CSRF是跨站点请求伪造,它的请求有两个关键点,跨站点的请求与请求是伪造的, 从字面上看,跨站点的请求来源应该是其他站点,比如,目标网站接收到来源网站的恶意操作,但是,只要是恶意操作,即使是同源,也可以算作请求伪造,因为此操作并不是用户的意愿场景 当有两个网站A和B的时候,目标A网站有一个删除文章的功能,当我们请求的url为www.a.com/blog/del?id=...
iframe标签iframe标签,内联框架元素 ,有效地将另一个HTML页面嵌入到当前页面中.例如加入以下代码即可在当前页面嵌套一个百度页面。不过,嵌套页面之后,当前html的页面加载速度就变慢了。结合标签QQgithub点击a,则新页面会在 name=xxx 的iframe里打开。结合的几个属性若index.html里写: (index是祖父)index2.html里写: (index2是爸爸)...
<script type="text/javascript">
if (top.location !== self.location) {
top.location=self.location;
</script>
<script type="text/javascript">
if (top.l...
【1】该功能为案例,弹出iframe窗口显示上传数据
由于layui的弹出层每次执行layer.open({})都会弹出新的iframe窗口,它不会帮你判断是否弹出相同的iframe窗口,使用只能自己手动判断,禁止在已有iframe窗口下,再次使用layer.open({})创建...
弹出iframe内嵌页面元素到父页面并全屏化
iframe和弹窗这些词对于js高手来说都是耳熟能详的东西,作为一个新人来说,还在学习阶段的我就在工作中遇到这么一个奇葩的需求,要在引入的iframe页面里做一个全屏化的功能.
粗略一看,这还不容易,模拟下F11的功能键什么的,于是网上一搜还真有一大...
function updateData(obj){
$.jBox('iframe:${ctx}/iecp/contractManage/updateDataContractModel?modelId='+obj,{
id:"updateData",
title: