`

可爱的iframe div

    博客分类：
  • html
HTML工作 
阅读更多

最近一直使用 javaeye的博客上传功能。在一次偶然的上传大文件的过程中，发现了

 取消操作 
Internet Explorer 不能链接到您请求的网页。此页可能暂时不可用。 

--------------------------------------------------------------------------------

请尝试以下操作:

单击刷新按钮，或以后再试。

如果您以前查看过该页，现在要查看计算机上存储的内容，请单击文件，然后单击脱机工作。

要获得有关使用 Internet Explorer 脱机浏览的信息，请单击帮助菜单，然后单击目录和索引。




Internet Explorer

 

 

 

 

 

原来每个上传的控件都是动态的 html page,因此让我想起了可爱的 Iframe。不知道是不是类似这样实现的。

 

<html>
	<input type="button" value="测试按钮" onclick="addGoogle()"/>
	<div id="editor"></div>


	<script>
		function addGoogle(){
			var editor = document.getElementById('editor');
			var editorHtml = editor.innerHTML;
			editorHtml += "<div ><iframe src='http://www.g.cn'></iframe></div>";
			editor.innerHTML = editorHtml;
		}
	</script>
</html>
分享到：
| 【经典故事】人生的十字架
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    可爱的iframe+div

    在"可爱的iframe+div"的场景中，可能是指利用div进行布局，然后在某个特定的区域使用iframe嵌入其他内容。例如，可能有一个div作为导航栏，而iframe则用来显示动态更新的内容，如新闻、天气预报或社交媒体 feed。...

    div被iframe遮住的几种情况及解决方法

    在前端开发过程中，DIV元素被IFRAME遮挡是一个常见的问题，尤其是当页面布局复杂或存在多层嵌套的元素时。以下将详细阐述几种DIV被IFRAME遮挡的情况，并提供相应的解决方法。 首先，要了解的是IFRAME是一种HTML元素...

    javascript窗体类似div窗体iframe+div窗体

    在标题中提到的"iframe+div窗体"，是指使用IFrame（内联框架）和div元素结合的方式，来实现类似独立窗体的效果。 IFrame是一种HTML标签，它可以在一个HTML文档中嵌入另一个HTML文档。这使得开发者能够在一个页面中...

    用DIV仿iframe框架布局效果

    在这种情况下，我们可以利用CSS和JavaScript来“仿iframe”，通过DIV元素实现相同的功能。这个主题，“用DIV仿iframe框架布局效果”，将深入探讨如何使用纯前端技术来模拟一个可独立滚动的内容区域。 首先，我们...

    多个iframe，其中一个的div能够处于最上层显示

    当有多个 `iframe` 并存时，可能会出现重叠或者层级问题，特别是当其中某个 `iframe` 中有一个需要突出显示的 `div` 元素时。这个问题的关键在于理解 `z-index` 和层叠上下文的概念，以及如何正确地应用它们来确保...

    div覆盖 iframe

    在IT行业中，网页布局和页面嵌套经常涉及到各种技术，如`div`和`iframe`。标题"div覆盖iframe"暗示了一个应用场景，即利用`div`元素覆盖在`iframe`之上，实现特定的页面展示效果。`div`是HTML中的一个基础容器元素，...

    div嵌套html不用iframe

    最近在做作业中需要在不用iframe的情况下嵌套页面，所以只好在div中嵌套，用的是jquery方法。 复制代码代码如下: [removed] $(document).ready(function() { $(“#button”).click(function() { $(“#content”)....

    拖拽一个iframe中的div 在另一个iframe页面中显示

    标题 "拖拽一个iframe中的div 在另一个iframe页面中显示" 描述了在Web开发中一个交互性的技术，涉及跨框架（iframe）通信和DOM操作。这个技术主要应用于创建富交互的用户界面，允许用户在不同的iframe之间传递和操作...

    多个iframe，显示其中一个frame中的div，并处于最上层显示

    在网页设计和开发中，有时候我们需要处理多个`iframe`（内联框架）并实现特定的交互效果，例如只显示其中一个`iframe`中的`div`元素，并确保它在所有其他元素之上，即处于最上层显示。这样的需求通常出现在需要创建...

    div,iframe拖动功能

    在网页开发中，实现元素的拖动功能是一项常见的交互设计，尤其在构建用户界面时，如div和iframe的拖动可以提升用户体验。本教程将详细讲解如何为div和iframe元素添加拖动功能。 首先，我们需要了解HTML中的div和...

    html div+Iframe

    在Web开发中，`div`通常用作容器，用于组织和控制页面布局，而`iframe`则允许我们在一个页面中嵌入另一个独立的网页或者任何其他可网页化的资源。 ### `div`元素详解 `div`（division）是一个块级元素，它的主要...

    div+css代替iframe框架并带全屏遮罩加载特效

    然而，随着Web技术的发展，`div+css`布局方式因其灵活性和高效性逐渐成为主流，许多开发者开始寻找用`div+css`替代`iframe`的方法。本文将详细介绍如何使用`div+css`构建框架，并实现全屏遮罩加载特效。 首先，理解...

    javascript 关闭iframe外层的div容器

    在JavaScript编程中，有时我们需要处理嵌入在页面中的`iframe`元素，并可能需要与外部页面交互，例如关闭`iframe`外部的某个`div`容器。这个需求通常出现在弹窗或者模态框的场景中，`iframe`用于承载特定的内容，而...

    js弹出div层模拟alert（可以在iframe中使用）

    本教程将详细介绍如何使用JavaScript创建一个自定义的div层来模拟alert对话框，并解决在iframe中使用的兼容性问题。 首先，我们需要创建一个HTML结构来模拟alert对话框。这个结构通常包含一个可关闭的按钮和用户...

    javascript浮动div，可拖拽div,遮罩层(div和iframe实现)

    2. **浮动 Div 的自动居中**：`MoveFloatLayer()` 函数通过计算页面中心点的位置来动态调整 Div 的位置，使 Div 始终保持在屏幕中央。 3. **页面加载完成后执行**：`window.onload=initialFloatDiv;` 确保页面完全...

    iframe中页面显示不全1

    `position: absolute`使`&lt;iframe&gt;`相对于其最近的非静态定位祖先（这里就是`&lt;div&gt;`）定位，`top`和`left`属性设置为0，使得`&lt;iframe&gt;`与`&lt;div&gt;`的左上角对齐。`width: 100%`和`height: 100%`确保`&lt;iframe&gt;`填充`&lt;div...

    div+js模拟iframe实现左右框架.rar

    针对这些问题，我们可以采用`div`结合`CSS`和`JavaScript`来模拟`iframe`的效果，以提供更灵活和优化的用户体验。 首先，我们来看`div`。`div`是HTML中的一个块级元素，它本身没有任何特定的样式，但可以通过`CSS`...

    vue中解决拖拽改变存在iframe的div大小时卡顿问题

    var iframeDiv = document.getElementsByClassName('iframeDiv'); iframeDiv[0].style.display = display; } } ``` 通过这种方式，当鼠标按下时，遮罩层显示，阻止鼠标事件传递到iframe；当鼠标松开时，遮罩层...

    以div代替frameset，用css实现仿框架布局

    如果需要实现类似`frameset`的交互效果，可以结合`div`和`iframe`一起使用。 总的来说，通过熟练运用`div`和CSS，我们可以创建出与`frameset`类似甚至更灵活的布局，同时避免了`frameset`带来的问题。这要求开发者...

    js弹出div层模拟alert+(iframe中使用)

    本主题将详细讲解如何使用JavaScript创建一个可移动的`div`层来模拟`alert`功能，并在`iframe`环境中应用。 首先，让我们了解`alert`的基本用法。`alert`是JavaScript内置的一个全局函数，用于显示一个包含指定消息...

Magicbox
Global site tag (gtag.js) - Google Analytics