jquery 动态加载html,jQuery – 动态创建iframe并加载页面

[html]

/**

弹出iframe页面(iframe后面会添加灰色蒙版)

**/

function showIframe(url,w,h){

//添加iframe

var if_w = w;

var if_h = h;

//allowTransparency=’true’ 设置背景透明

$("").prependTo(‘body’);

var st=document.documentElement.scrollTop|| document.body.scrollTop;//滚动条距顶部的距离

var sl=document.documentElement.scrollLeft|| document.body.scrollLeft;//滚动条距左边的距离

var ch=document.documentElement.clientHeight;//屏幕的高度

var cw=document.documentElement.clientWidth;//屏幕的宽度

var objH=$("#YuFrame1").height();//浮动对象的高度

var objW=$("#YuFrame1").width();//浮动对象的宽度

var objT=Number(st)+(Number(ch)-Number(objH))/2;

var objL=Number(sl)+(Number(cw)-Number(objW))/2;

$("#YuFrame1").css(‘left’,objL);

$("#YuFrame1").css(‘top’,objT);

$("#YuFrame1").attr("src", url)

//添加背景遮罩

$("

var bgWidth = Math.max($("body").width(),cw);

var bgHeight = Math.max($("body").height(),ch);

$("#YuFrame1Bg").css({width:bgWidth,height:bgHeight});

//点击背景遮罩移除iframe和背景

$("#YuFrame1Bg").click(function() {

$("#YuFrame1").remove();

$("#YuFrame1Bg").remove();

});

}

[/html]

效果图：

jquery 动态加载html,jQuery – 动态创建iframe并加载页面相关推荐

判断iframe是否加载完成的完美方法
判断iframe是否加载完成的完美方法需求:vue某个组件引入iframe,需要判断iframe是否加载完毕,不然用户进入是白屏加载中 created (){ 使用加载提示框 }mounted () ...
html jq页面跳转页面,jQuery实现页码跳转式动态数据分页
我们这次给大家带来的是用jQuery实现页码跳转式动态数据分页这个效果,这个效果最明显的就是没有数据加载和刷新页面这个过程,再做小型数据的加载也多级网页加载的时候很有效.我们先来看下实际效果: 下面我 ...
jquery 中加入html代码,jquery实现动态添加html代码
先看下思导图,整体了解下,然后我们再来学习. 现在我们来看一下几段代码,然后根据这几段代码我们来学习一下如何正确的学习动态添加html. 一.html()方法 html函数的作用原理首先是移除目标元素 ...
ajax 怎么input赋值,jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签...
jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签发布于 2016-11-25 16:26:40 | 111 次阅读 | 评论: 0 | 来源: ...
【Android 逆向】Android 进程注入工具开发 ( 远程进程注入动态库文件操作 | 注入动态库加载业务动态库 | 业务动态库启动 | pthread_create 线程开发 )
文章目录前言一.加载 libnattive.so 动态库二. libnattive.so 动态库启动三. pthread_create 线程开发四. 线程执行函数前言 libbridge. ...
jQuery中的ajax、jquery中ajax全局事件、load实现页面无刷新局部加载、ajax跨域请求jsonp、利用formData对象向服务端异步发送二进制数据，表单序列化（异步获取表单内容）
jQuery中使用ajax: 在jQuery中使用ajax首先需要引入jQuery包,其引入方式可以采用网络资源,也可以下载包到项目文件中,这里推荐下载包到文件中:市面上有多个版本的jQuery库,这 ...
ajax加载对应的json,jQuery:多个AJAX/JSON请求对应单个回调并行加载
因为我们使用jQuery,这意味着需要调用 jQuery.getScript 和 jQuery.getJSON 函数. 我知道这些函数都是异步执行(asyncronously)并且会延迟一段时间返回, ...
jquery 当页面图片加载之后_在浏览器地址栏输入地址到页面渲染完成发生了什么？（下）...
上一篇讲了前三步,本篇从第四步开始.下面是正文: 四.进行tcp三次握手,建立tcp连接. 简述一下,第三步我们找到了目标ip,并获得了服务器ip的mac地址.此时浏览器就会请求和服务器连接,用来传输 ...
VC静态加载DLL和动态加载DLL
VC静态加载DLL和动态加载DLL 1. 静态加载DLL 如果你有a.dll和a.lib,两个文件都有的话可以用静态加载的方式: message函数的声明你应该知道吧,把它的声明和下面的语句写到一个头 ...

jquery 动态加载html,jQuery – 动态创建iframe并加载页面

jquery 动态加载html,jQuery – 动态创建iframe并加载页面相关推荐

最新文章

热门文章