iframe

call Fancybox in parent from iframe

由 夙愿已清 提交于 2019-12-16 20:04:14
问题 I have 2 pages, my index.html and social.html. I cleaned out my index and left only the jquery code need for fancybox What I am trying to do is to have images inside social.html and when clicked on it, it would open fancybox and show it but in index.html not inside the iframe. The error that comes up is: Uncaught TypeError: Property 'showImage' of object [object DOMWindow] is not a function (anonymous function)social.html:103 onclick this is my index.html: <script type="text/javascript" src=

make iframe height dynamic based on content inside- JQUERY/Javascript

由 你离开我真会死。 提交于 2019-12-16 19:52:32
问题 I am loading an aspx web page in an iframe. The content in the Iframe can be of more height than the iframe's height. The iframe should not have scroll bars. I have a wrapper div tag inside the iframe which basically is all the content. I wrote some jQuery to make the resize happen : $("#TB_window", window.parent.document).height($("body").height() + 50); where TB_window is the div in which the Iframe is contained. body - the body tag of the aspx in the iframe. This script is attached to the

make iframe height dynamic based on content inside- JQUERY/Javascript

由 北城余情 提交于 2019-12-16 19:51:49
问题 I am loading an aspx web page in an iframe. The content in the Iframe can be of more height than the iframe's height. The iframe should not have scroll bars. I have a wrapper div tag inside the iframe which basically is all the content. I wrote some jQuery to make the resize happen : $("#TB_window", window.parent.document).height($("body").height() + 50); where TB_window is the div in which the Iframe is contained. body - the body tag of the aspx in the iframe. This script is attached to the

js解决大文件断点续传

由 ぃ、小莉子 提交于 2019-12-16 13:18:01
最近遇见一个需要上传百兆大文件的需求，调研了七牛和腾讯云的切片分段上传功能，因此在此整理前端大文件上传相关功能的实现。 在某些业务中，大文件上传是一个比较重要的交互场景，如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大，或者网络条件不好时，上传的时间会比较长（要传输更多的报文，丢包重传的概率也更大），用户不能刷新页面，只能耐心等待请求完成。 下面从文件上传方式入手，整理大文件上传的思路，并给出了相关实例代码，由于PHP内置了比较方便的文件拆分和拼接方法，因此服务端代码使用PHP进行示例编写。 本文相关示例代码位于github上，主要参考 聊聊大文件上传 大文件切割上传 文件上传的几种方式 首先我们来看看文件上传的几种方式。 普通表单上传 使用PHP来展示常规的表单上传是一个不错的选择。首先构建文件上传的表单，并指定表单的提交内容类型为enctype="multipart/form-data"，表明表单需要上传二进制数据。 然后编写index.php上传文件接收代码，使用move_uploaded_file方法即可(php大法好…) form表单上传大文件时，很容易遇见服务器超时的问题。通过xhr，前端也可以进行异步上传文件的操作，一般由两个思路。 文件编码上传 第一个思路是将文件进行编码，然后在服务端进行解码，之前写过一篇在前端实现图片压缩上传的博客

layui下layer弹出框（iframe）

由 给你一囗甜甜゛ 提交于 2019-12-16 08:46:41
一、使用layui弹窗需引入文件 jquery.js , jquery-ui.min.css，layer.js，jquery-ui.min.js ， 这些文件项目中都有，没有直接去官网下载地址： https://www.layui.com/ <link rel="stylesheet" href="<%=path %>/skin/js/bootstrap.min.css" type="text/css"> <link rel="stylesheet" href="<%=path %>/skin/css/jquery-ui.min.css" type="text/css"> <link rel="stylesheet" href="<%=path %>/skin/css/font-awesome.css" type="text/css"> <link rel="stylesheet" href="<%=path %>/skin/css/ui.css" type="text/css"> <!--<link rel="stylesheet" href="<%=path %>/skin/css/form.css" type="text/css"> --> <link rel="stylesheet" href="<%=path %>/skin/datatable/datatables

每日思考（2019/12/15）

由 元气小坏坏 提交于 2019-12-15 22:43:50
题目概览 iframe框架都有哪些优缺点？ 简述你对BFC规范的理解 统计某一字符或字符串在另一个字符串中出现的次数 题目解答 iframe框架都有哪些优缺点？ 概念：frame是一种框架，也是一种很常见的网页嵌入方式 <iframe id='ifr1' url='https:xxxxx' width='1080px' height='960px'></iframe> 优点 iframe能够原封不动的把嵌入的网页展现出来；可以实现异步刷新，单个 iframe 刷新不影响整体窗口的刷新（可以实现无刷新上传，在 FormData 无法使用时） 如果有多个网页引用iframe，那么你只需要修改iframe的内容，就可以实现调用的每一个页面内容的更改，方便快捷；网页如果为了统一风格，头部和版本都是一样的，就可以写成一个页面，用iframe来嵌套，可以增加代码的可重用 如果遇到加载缓慢的第三方内容如图标和广告，这些问题可以由iframe来解决；可以实现跨域，每个 iframe 的源都可以不相同（方便引入第三方内容） 缺点 会产生很多页面，不容易管理； iframe框架结构有时会让人感到迷惑，如果框架个数多的话，可能会出现上下、左右滚动条，会分散访问者的注意力，用户体验度差 代码复杂，无法被一些搜索引擎索引到，这一点很关键，现在的搜索引擎爬虫还不能很好的处理iframe中的内容

python+ selenium自动化测试 -压台篇（详细教程）

由 随声附和 提交于 2019-12-15 05:13:22
1. 简介 　　本文是练习篇的最后一篇文章，虽然练习篇的文章到此就要和大家说拜拜了，但是我们的学习之路才刚刚开始。不要停下你的脚步，大步朝前走吧！比你优秀的人还在走着，我们有什么理由停下自己的脚步了，生命不止，学习亦是如此。好了，宏哥的毒鸡汤好 喝吧，喝够了就开始学习吧。 　　本文主要是练习如何处理iframe切换、处理alert弹窗、获取当前页面全部信息、获取页面href属性和如何截图保存等等内容，希望小伙伴或者童鞋们喜欢哈！！！ 2. 处理iframe切换 　　本文介绍如何利用Selenium中方法，在不同iframe中切换。 问题：有时候我们发现元素定位没问题，在测试回放的过程，发现就是找不到元素报错。 2.1 示例一： 　　由于没有找到合适的iframe网站，这里不好用代码举例，简单文字加图片来介绍。但是宏哥辗转反侧的睡不着，最后实在是没招了。于是自己写了一个简陋比较low的网页，利用iframe网页框架，把网页分成上下两个不同iframe控制的页面，把下面html代码保存到 一个记事本，然后修改名称为index.html。 2.2 index.html <html> <head><title>iframe test page</title></head> <body> <iframe id="frame1" src="https://www.baidu.com" name

iframe框架内嵌vue项目：Blocked a frame with origin "http://xxxx" from accessing a cross-origin iframe.解决办法

由 守給你的承諾、 提交于 2019-12-14 11:10:12
场景： 网站iframe内嵌vue项目 原因： iframe框架跟内嵌网页跨域 例如 网站域名：http://test.com iframe内嵌域名http://casey.test2.com则会出现上边报错 解决方法 vue项目app.vue文件<script>下设置document.domain = 'test.com' // 设置vue项目主域跟网站主域一致 延伸： 如果网站域名多级例如http://aaa.test.com iframe内嵌域名http://casey.aaa.test2.com则会出现上边报 同理：vue项目app.vue文件<script>下设置document.domain = 'aaa.test.com' // 设置vue项目主域跟网站主域一致 来源： CSDN 作者： CaseyWei 链接： https://blog.csdn.net/caseywei/article/details/103536417

Do HTML5 iFrame Sandbox counts views?

由 橙三吉。 提交于 2019-12-14 04:11:16
问题 Does setting the html5 iframe sandbox attribute stop google analytics measuring page views, because the scripts is not allowed when sandbox is set? <iframe id="iframe_auto" src="" scrolling="yes" sandbox=""></iframe> 回答1: An empty sandbox attribute will not allow scripts to run so Google analytics will not run inside the iframe as it is 100% JavaScript dependent. 来源： https://stackoverflow.com/questions/11927519/do-html5-iframe-sandbox-counts-views

REGEX for Matching A String Exactly

由 社会主义新天地 提交于 2019-12-14 04:09:15
问题 I'm having a bit of trouble matching a string using REGEX (PHP). We have this code: <p style="text-align: center; "> <iframe height="360" src="http://example.com/videoembed/9338/" frameborder="0" width="640"></iframe></p> We have this REGEX: /<p.*>.*<iframe.*><\/iframe><\/p>/is However, this is also matching ALL paragraph tags on the string - not just the ones containing the IFRAME tags. How can we only match the P tags containing IFRAME? We also want to match this code using the same REGEX:
订阅 iframe