用jquery + iframe實現iframe子頁面加載完前的緩沖效果
作者：xyz
iframe:
<iframe name="rightFrame" id="rightFrame" style="margin:0px; WIDTH: 100%; HEIGHT: 480px; VISIBILITY: inherit; background-color:transparent; Z-INDEX: 3"
scrolling="auto" allowTransparency="true" frameborder="0" src="order/myorders/init.do">
</iframe>
父頁面的調用：
<a οnclick="clickDetails('<%=subM.getHref() %>');return false;" href="javascript:;" target="rightFrame"><%=subM.getText() %></a>
<script type="text/javascript">
function clickDetails(strUrl){
var loadHtml="<span style='padding-top:15px; text-align:right; color:#9b9b9b;font-size:12px;'>"+
"<img alt='load' src='<%=request.getContextPath()%>/images/loading.gif' align='absMiddle' bold='0' /> 正在加载...</span>";
$.ajax({
type: "get",
url: strUrl,
data: "",
dataType:"html",
beforeSend:function(){
frames['rightFrame'].document.body.innerHTML=loadHtml;
//frames["rightFrame"].document.close();
//frames["rightFrame"].document.write(loadHtml);
},
success: function(msg){
//$("#rightFrame").Document.body.html(msg);
frames["rightFrame"].document.close();
frames["rightFrame"].document.write(msg);
}
});
}
</script>
用jquery + iframe實現iframe子頁面加載完前的緩沖效果相关推荐
- html 转换 pdf js插件,【jsPDF】jsPDF插件實現將html頁面轉換成PDF，並下載，支持分頁...
1.目的:在前段是 jQuery庫 或者 VUE庫 或者兩者混合庫,將html 頁面和數據 轉換成PDF格式並下載,支持分頁 1.項目背景: 對客戶報修記錄進行分類統計,並生成各種餅圖.柱狀圖.線性圖 ...
- linux下c++實現簡單的生產者消費者隊列模式
引言 生產者消費者是一個經典的模式 利用生產者,消費者和緩衝區降低了生產者和消費者之間的的耦合度 便於對生產者和消費者的修改 下面記錄的是一個經典的單一生產者多消費者的模式 設計思路 以隊列做為緩衝區 ...
- jQuery / JavaScript：访问iframe的内容
我想使用jQuery在iframe中操纵HTML. 我认为我可以通过将jQuery函数的上下文设置为iframe的文档来做到这一点,例如: $(function(){ //document ready ...
- iframe父页面与子页面之间的元素获取与方法调用
JS 父页面调用子页面 子页面调用父页面 元素 window.frames[iframe的name属性值]; ① window.parent.document.getElementById(&qu ...
- html 调用父页面元素,操作iframe父页面、子页面的元素和方法 js
iframe获取父页面元素: JavaScript: $(window.parent.document.getElementById("元素id")) jquery: $(&quo ...
- 微信保存html,在微信中實現HTML頁面保存成圖片
在微信中實現HTML頁面保存成圖片,長按頁面可以把頁面保存為圖片 jQuery(document).ready(function(){ if(isWeiXin()){ var img = new Im ...
- iframe 父窗口和子窗口相互的调用方法集锦
一.父窗口调用iframe子窗口方法 1.HTML语法:<iframe name="myFrame" src="child.html"></i ...
- iframe父页面与子页面如何传值
一.父页面向子页面传值 parent.vue <template><iframe id="iframe" width="100%" :src= ...
- 父页面调子iframe页面方法和子iframe调用父页面方法
一.父窗口调用iframe子窗口方法 1.HTML语法:<iframe name="myFrame" src="child.html"></ ...
最新文章
- NodeJS + PhantomJS 前端自动化资源监控
- 选择奋斗---激励自己
- SubclassWindow和SubclassDlgItem
- 网络推广软文之文章更新对网站排名的影响！
- 面试题——轻松搞定面试中的红黑树问题
- R语言实战应用-基于R语言的对应分析
- 完美实现SpringBoot+Angular普通登录
- docker系列之安装配置-2
- 没有系列化导致错误：java.io.NotSerializableException: com.bjpowernode.bean.Team
- mysql主从增量同步_生产环境中mysql主从同步/完整/增量备份
- python——pandas数据分析(表格处理)工具实现Apriori算法
- python numpy库安装winerror5_求问安装numpy+mkl报错FileNotFoundError: [Errno 2] No such fi
- 卡巴斯基宣布高端静谧岑寂僻静产物PURE
- 计算机网络技术实验,计算机网络技术实验一
- 智慧水利大屏可视化决策系统
- 人口logistic模型公式_数学建模logistic人口增长模型
- html表格内部虚线代码,各种表格样式示例及代码
- python3爬虫系列20之反爬需要登录的网站三种处理方式
- cocos Creator i18n 多语言
- 【毕业设计】47-基于单片机的锅炉过热汽温控制系统设计（原理图工程+仿真工程+源代码+答辩论文）