iframe

How do I add a loading indicator to my page while my iframe loads?

自作多情 提交于 2020-01-01 03:14:07
问题 I am currently creating a page where upon clicking a link an iframe is inserted into a div and it's contents loaded. I do this using the following jQuery call: $('#mydiv').html('<iframe src="sourcelink.html" frameborder="0" width="760" height="2400" scrolling="no"></iframe>'); Sometimes the source content loads very slowly and, as a result, it looks like nothing is happening. I would like to have a simple loading animation while the content is loading while the iframe's content loads. When

前端基础必看面试题目

烈酒焚心 提交于 2020-01-01 00:41:43
Doctype作用?标准模式与兼容模式各有什么区别? (1)、<!DOCTYPE>声明位于位于HTML文档中的第一行,处于 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。(2)、标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 HTML5 为什么只需要写 ? HTML5 不基于 SGML,因此不需要对DTD进行引用,但是需要doctype来规范浏览器的行为(让浏览器按照它们应该的方式来运行); 而HTML4.01基于SGML,所以需要对DTD进行引用,才能告知浏览器文档所使用的文档类型。 行内元素有哪些?块级元素有哪些? 空(void)元素有那些? 首先:CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,如div的display默认值为“block”,则为“块级”元素;span默认display属性值为“inline”,是“行内”元素。 (1)行内元素有:a b span img input select strong(强调的语气) (2)块级元素有:div ul ol li dl dt dd h1 h2 h3 h4…p (3)常见的空元素: 鲜为人知的是:

【开源】OSharp框架解说系列(2.1):EasyUI的后台界面搭建及极致重构

落花浮王杯 提交于 2019-12-31 23:22:29
OSharp是什么?   OSharp是个快速开发框架,但不是一个大而全的包罗万象的框架,严格的说,OSharp中什么都没有实现。与其他大而全的框架最大的不同点,就是OSharp只做抽象封装,不做实现。依赖注入、ORM、对象映射、日志、缓存等等功能,都只定义了一套最基础最通用的抽象封装,提供了一套统一的API、约定与规则,并定义了部分执行流程,主要是让项目在一定的规范下进行开发。所有的功能实现端,都是通过现有的成熟的第三方组件来实现的,除了EntityFramework之外,所有的第三方实现都可以轻松的替换成另一种第三方实现,OSharp框架正是要起隔离作用,保证这种变更不会对业务代码造成影响,使用统一的API来进行业务实现,解除与第三方实现的耦合,保持业务代码的规范与稳定。 本文已同步到系列目录: OSharp快速开发框架解说系列 前言   要了解一个东西长什么样,至少得让我们能看到,才能提出针对性的见解。所以,为了言之有物,而不是凭空漫谈,我们先从UI说起,后台管理页面的UI我们将使用应用比较普遍的easyui框架。   以前在用easyui的时候,每个页面都得从0做起,或者不厌其烦地由以前的页面通过“复制-粘贴”的方式来修改,久页久之,就会造成页面庞大且难以维护。其实,前端的html,javascript代码与后端的代码是一样的,通过一定的组织,把重复的代码抽离出来

Micro frontend architecture advice

江枫思渺然 提交于 2019-12-31 19:16:31
问题 We have several web applications that we wish to present under one single page application. We are looking for a micro-frontend architecture/framework to use. As we see it, these are our options for implementation: Using the single-spa open source framework: https://github.com/CanopyTax/single-spa Using Iframes (friendly Iframes) the hosting application (the shell) and loading each application according to the current url. Writing our own Javascript framework Other? The current state is a

Micro frontend architecture advice

风流意气都作罢 提交于 2019-12-31 19:16:10
问题 We have several web applications that we wish to present under one single page application. We are looking for a micro-frontend architecture/framework to use. As we see it, these are our options for implementation: Using the single-spa open source framework: https://github.com/CanopyTax/single-spa Using Iframes (friendly Iframes) the hosting application (the shell) and loading each application according to the current url. Writing our own Javascript framework Other? The current state is a

SSL iframe in and SSL page from a different domain

99封情书 提交于 2019-12-31 14:42:38
问题 Setting up the sandboxes for all these option is not feasible right now. So I am appealing to the community for help. This is a weird one and I just want to know what will work (most importantly in ie) and what wont. Http page with an iframe containing https from the same domain //no idea Http page with an iframe containing https from a different domain //no idea Https page with an iframe containing https from the same domain //no idea Https page with an iframe containing https from a

SSL iframe in and SSL page from a different domain

半城伤御伤魂 提交于 2019-12-31 14:42:14
问题 Setting up the sandboxes for all these option is not feasible right now. So I am appealing to the community for help. This is a weird one and I just want to know what will work (most importantly in ie) and what wont. Http page with an iframe containing https from the same domain //no idea Http page with an iframe containing https from a different domain //no idea Https page with an iframe containing https from the same domain //no idea Https page with an iframe containing https from a

iOS browser - iFrame jumps to top when changing css or content using JavaScript

北慕城南 提交于 2019-12-31 08:11:37
问题 This problem seems to have been around forever. Under some specific circumstances, iOS browsers surface this frustrating bug. The issue: If you have a web page which contains an iFrame and you are modifying the iFrames content document programmatically, the iFrame will jump to the top of the page. However, this only happens if the page, before the DOM manipulation, is beyond some height, typically this seems to be a length greater than twice the length of the viewport. This issue appears

Get xpath location of element in iframe(iframe from my domain)

冷暖自知 提交于 2019-12-31 05:47:08
问题 I have a two codes and I try to connect this two codes in some way. Also in code is function for get xpath location but how to use this on iframe. $(#iframeID) .... and function to write result of getXpath function into fields in focus. First I load some URL them I trying to use getXpath location function and write results into fields in focus but it doesn't work. Here is the code which I use to get content some URL address and show in iframe on my domain (so I can get XPath becouse iframe is

javascript get iframe url's current page on subdomain

我只是一个虾纸丫 提交于 2019-12-31 05:38:28
问题 I need to get the page url of what the iframe on my pages are on, as we use the iframe to deal with ordering products. However, for the life of me I can't seem to get it to display the iframe's URL (display is a test, as it will auto-email when I see it works) The code: <button onClick="myFunction()">Test</button> <script> function myFunction() { alert(document.getElementById("iFrame").documentWindow.location.href); } </script> <iframe src="https://iframe.mydomain.co.uk" id="iFrame" width="98