`

通过ifame的方式来实现加载Google Doc

GoogleXHTMLHTML 
阅读更多

通过iframe在自己网页中加载Google Doc非常简单，只需知道Google Doc的URL地址。

例如：

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body>
<iframe src="http://docs.google.com/EmbedSlideshow?docid=dg2hprj_19hbt6j36b" 
width="410" frameborder="0" height="342"></iframe>
</body>
</html>
 

 

分享到：
| 在网页中加载Google Map
评论
发表评论

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

相关推荐

    ifame 去滚动条

    博文链接：https://sctom123.iteye.com/blog/214373

    [php]ifame仿ajax图片上传预览,兼容IE\FF\Chrome

    在这个案例中，iframe被用来模拟异步通信，因为古老的IE浏览器（尤其是版本7及以下）不支持Ajax的XMLHttpRequest对象，而iframe可以提供一种替代方式来实现跨域通信和数据交换。 2. **Ajax（异步JavaScript和XML）*...

    跨域iframe通讯

    跨域iframe通信是一种在不同源的页面之间进行数据交换的技术，它...通过分析这些文件，我们可以深入理解跨域iframe通信的具体实现方式。在实际应用中，需要根据具体的业务需求和安全考虑选择合适的方法进行跨域通信。

    IFame

    IFame，这个名字可能指的是一个开源框架、库或者项目，但没有提供足够的标签信息来确切地确定它的具体领域。不过，通常在IT行业中，“IFrame”是HTML中的一个元素，用于在一个文档中嵌入另一个HTML文档。它常用于...

    通过ifame指向的页面高度调整iframe的高度

    在网页开发中，`iframe`（Inline Frame）是一种...综上所述，通过`iframe`的`src`属性指向另一个页面，并利用JavaScript动态获取并设置`iframe`的高度和宽度，我们可以实现页面内容的自适应展示，提供更好的用户体验。

    弹出页面更新父页面中的ifame中的页面

    可以通过`id`属性来选取，例如`var iframe = document.getElementById('iframeId');`。 2. **检查跨域问题**：由于浏览器的同源策略限制，如果`iframe`加载的页面与父页面不在同一域名下，你可能无法直接操作`...

    使用iframe实现点击导航无刷新切换页面

    这种技术可以借助`iframe`（Inline Frame）元素来实现。`iframe`允许我们在一个HTML文档中嵌入另一个HTML文档，从而实现页面内容的动态切换，而不会打断用户的操作流程。 **一、iframe的基本使用** `&lt;iframe&gt;`标签...

    JQUERY实现iframe页面切换功能

    以下是一种简单的实现方式： ```javascript $(document).ready(function() { var pages = ["page1.html", "page2.html", "page3.html"]; var index = 0; function switchPage() { $('#myIframe').attr('src', ...

    Iframe+Cookie实现简单的单点登录

    在这个示例中，我们将通过"Iframe+Cookie"的方式探讨如何实现简单的SSO。 首先，理解Iframe（内联框架）在SSO中的角色。Iframe常用于在不离开主页面的情况下加载其他网页内容。在SSO场景下，Iframe可以用来隐藏地...

    Iframe框架自动适应高度示例详解.pdf

    为了确保在页面加载完成时立即执行高度自适应的检测，代码中还使用了浏览器兼容的事件绑定方式，这包括了在IE浏览器中使用`window.attachEvent`，以及其他现代浏览器中使用`window.addEventListener`来监听`load`...

    关于iframe的用法

    通过调整iframe的大小和布局，可以实现类似tab切换的效果，同时保持页面的加载速度和用户体验。 总的来说，iframe是网页开发中的强大工具，理解和熟练运用iframe可以提升网站的功能性和用户体验。但同时，开发者也...

    过滤掉危险的HTML标记：script,ifame,object

    在Web开发中，安全问题始终是不容...对于现代Web应用，建议使用JavaScript或其他后端语言（如Python、Node.js等）来实现类似功能。 通过上述步骤，我们可以有效地过滤掉HTML中的危险标签，提高Web应用程序的安全性。

    js加iframe轻松实现异步图片上传 可以预览 兼容FF，chrome，ie9

    6. IFrame内的页面加载完成后，可以通过访问IFrame的`contentDocument`或`contentWindow`来获取服务器返回的结果。如果上传成功，可以根据返回信息更新UI，如显示上传成功提示或者更新图片列表。 需要注意的是，...

    smartcampus.vas.ifame.android

    在安卓开发中，Java主要通过Android Studio IDE进行编写，使用XML来设计用户界面，并通过Android SDK（软件开发工具包）来访问操作系统提供的各种服务和API。开发者可以利用Android的生命周期方法，如onCreate()、...

    Chrome下ifame父窗口调用子窗口的问题示例探讨

    1. 使用`window`对象的属性：如果`iframe`与父窗口在同一域名下，可以通过`iframe`的`name`属性来访问其`window`对象，如`header.window.changeMenu(menu_id)`。 2. 使用`frames`数组：`frames`是一个特殊的数组，...

    CAS单点登录 CODE+讲解

    编写自己定义的CredentialsToPrincipalResolver（修改前面讲解过的那个的即可），它通过Attribute方式向CAS客户端传递账号所在的系统和账号Id。 对原来的A系统和B系统进行改造，让系统可以跟踪是哪个系统的哪个用户...

    JQuery与iframe交互实现代码

    JQuery提供了一种简便的方式来处理这种跨框架的交互。下面将详细介绍如何使用JQuery与iframe进行交互，并提供相关的代码示例。 ### 1. 在iframe中查找父页面元素 当我们在一个iframe中需要访问或操作父页面的元素...

    非常实用的bootStrap-addTabs框架/ifame后台管理框架/ERP系统框架

    利用bootStrap开发的Tabs+iframe框架 非常实用，网上很少，不可多得的web网页框架资源

    iframe+单页+通讯.zip

    layui后台模板iframe+单页，下载后参考文本说明使用. 包含大部分常用的 layUI 小例子以及其他网站多个前端常用插件如日期，分页，图片懒加载等等近二十个例子 仅供学习使用, 商用请购买正版.

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