如何使用 JavaScript 在 div 中加载 HTML 页面?

2023-12-05

我想要加载 home.html<div id="content">.

<div id="topBar"> <a href ="#" onclick="load_home()"> HOME </a> </div>
<div id ="content"> </div>
<script>
      function load_home(){
            document.getElementById("content").innerHTML='<object type="type/html" data="home.html" ></object>';
  }
</script>

当我使用 Firefox 时,这个效果很好。当我使用 Google Chrome 时,它​​要求安装插件。如何让它在 Google Chrome 中运行?


我终于找到了我的问题的答案。解决办法是

function load_home() {
     document.getElementById("content").innerHTML='<object type="text/html" data="home.html" ></object>';
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 JavaScript 在 div 中加载 HTML 页面? 的相关文章

  • CSS 粘性位置在移动设备上无法正常工作

    我的 OpenCart 2 3 0 2 网站上有一个带有粘性购物车按钮的按钮 这个想法是只有一个页面可以订购 只有几个三明治 不需要类别和产品页面 所以我添加了一个位于页面右上角的购物车按钮 cart position fixed top
  • 重复背景图像被切断

    我有一个容器 DIV 它随着内容的高度而缩放 它有一个背景图像 可以重复向下形成图案 问题是重复的背景图像在 div 底部被切断 有没有办法让背景图像不被切断 这是代码 http jsfiddle net WkEKD 7 http jsfi
  • 停止倒数计时器 Javascript onClick

    给出以下代码 myButton02 click function myButton02 hide counter animate width toggle var count 65 var counter setInterval timer
  • Puppeteer 登录 Instagram

    我正在尝试使用 Puppeteer 登录 Instagram 但不知何故无法登录 你能帮助我吗 这是我正在使用的链接 https www instagram com accounts login https www instagram co
  • 递归process.nextTick警告

    作为我的应用程序的一部分 我有以下代码行 process nextTick function pre populate cache with all users console log scanning users table in ord
  • xsl 方法中的自关闭标签:xml

    我正在使用一个使用 xsl method xml 创建 html 模板的网站 但是 当 xsl 引擎呈现 html 页面时 我遇到了标签自动关闭的问题 div div 转换为 gt div div 该方法需要保留 xml 否则页面的其他组件
  • 按周将对象数组拆分为组

    我有一个包含这样的数据的对象数组 date 01 01 2017 00 00 00 dataField1 dataField2 date 01 02 2017 00 00 00 dataField1 dataField2 date 01 1
  • Chrome 扩展程序导致 DOM 闪烁,该扩展程序会在页面加载之前删除 DOM 元素

    我正在编写一个 chrome 扩展 我想在页面加载之前删除内容 例如this http tech blog tomchambers me 2016 01 13 How to write a simple page rewriting Chr
  • 多个模板槽的相同槽内容

    在vuejs中 有没有一种方法可以为多个插槽设置相同的内容 而无需复制粘贴 So this
  • 如何获取div背景图像上的锚标记?

    HTML div a href http www facebook com au a div css facey float left width 32px height 32px background url file C Users U
  • 未处理的 Promise 拒绝:push.on 不是函数

    我正在使用离子2 我得到这个打字稿error当尝试设置推送通知时 我从教程中复制了此示例代码 因此预计它可以工作 我一定有什么问题 任何想法请 Unhandled Promise rejection push on is not a fun
  • Backbone.View:delegateEvents 未将事件重新绑定到子视图

    我已将这个问题分解为尽可能小的示例 即 它只是为了演示问题 不一定代表现实世界的场景 假设我有一个父视图 此处为 MainView 其中包含一个子视图 此处为 SubView 如果在任何时候我需要重新渲染父视图 从而重新渲染子视图 我就会丢
  • td 内的文本可以随 td 一起调整大小吗? (是其高度的百分比?)

    我有一个 100 占屏幕的表格 里面有 3x3 9 个单元格 每个单元格占 33 到目前为止 一切都很好 这是一个干净 可扩展的井字棋游戏 问题在于 TD 内的文本不会随比例缩放 有没有办法说 我希望文本大小为 TD 高度的 30 或者其他
  • 使用 CSS flexbox 重叠两个居中元素

    我试图将两个元素绝对居中于页面中间 一个元素在另一个元素后面 目的是让页面完全响应 中间有一个圆圈 后面有一个脉冲效果 这是一个小提琴 http jsfiddle net Fy8vD 2003 以下的 html body height 10
  • 检测滚动到 DIV 底部

    我想检测我是否到达了 div 的底部 我的 div 高度为 400px 溢出隐藏 我不知道正常高度但超过400px 我正在使用这段代码 但它不起作用 任何想法 if article txt scrollTop article txt hei
  • Javascript 或 Coffeescript 中的“Bucket Fill”算法

    我正在编写一个小coffeescript js应用程序 允许用户设计图标 16x16像素或32X32像素 该图标实际上是一个带有颜色单元的二维数组 单元格可以有颜色或为空 我希望用户能够使用 桶油漆 工具填充空白单元格 代表着 如果用户单击
  • 删除移动设备上的 adsense

    我正在研究响应式设计 但在使用 adsense 时遇到了问题 我有一个广告应该显示在桌面设计上 但不能显示在移动设计上 因此 只有在桌面上查看网站时 才应将广告代码放置在 html 中 css 可以使用 display none 但这违反了
  • 未捕获的类型错误:无法分配给只读属性

    我正在尝试 Nicholas Zakas 所著的 Professional JavaScript for Web Developers 一书中的这个非常简单的示例 但我不知道我在这里做错了什么 我错过了一些非常简单的事情 但我被困住了 这是
  • 离子选择:预选值在单击一次之前是不可见的

    我刚刚在 ionic 版本 6 中创建了一个 ion select 我的问题是 我在页面加载时已成功预选了一个值 但此预选值未显示在 UI 中 它只是在我单击选择之后出现 但在它没有出现之前 如图 2 所示 我在 ionViewWillEn
  • 如何使相对div居中?

    我一直在尝试让以下代码工作几个小时 但没有成功 您能帮我将项目 div 居中吗 即使页面放大和缩小时 这是我的 HTML 和 CSS bottom position absolute top 100 left 0 right 0 backg

随机推荐

  • Jquery Mobile:多次更新表单

    好的 经过几个小时的困惑 我发现在 Jquery Mobile 元素上调用 page 只能工作一次 如果我想通过 AJAX 多次更新表单 该怎么办 update jQuery Mobile beta2 引入了create event tri
  • 如何模拟 do-while 循环?

    我需要在 Python 程序中模拟 do while 循环 不幸的是 下面的简单代码不起作用 list of ints 1 2 3 iterator list of ints iter element None while True if
  • 如何引用Microsoft.Office.Interop.Excel dll?

    我在 2006 年使用 MS VS 2005 开发了一个处理 Excel 表格的系统 现在 我无法在 MS VS 2012 中使用相同的参考 var app new Microsoft Office Interop Excel Applic
  • SQL删除清除表而不是出错

    我有一段 SQL 你会认为 无法编译 但它会从目标表中删除所有行 考虑这个设置 create table TableA ColumnA varchar 200 create table TableB ColumnB varchar 200
  • 如何创建复选框列表

    我正在尝试读取 xml 文件并填充QListWidget及其一些内容 每个条目都应该有一个复选框 在 Qt Designer 中 我创建了列表并添加了一个具有复选框的项目 方法是将项目添加到 listWidget 然后右键单击它并选择 编辑
  • SceneKit – 加载 HDR 或 EXR 光照环境没有效果

    我尝试加载 hdr文件以将其用作天空盒并使用其照明信息 这是我使用的代码 backgroundColor UIColor gray check if a default skybox is added let environment UII
  • 以编程方式删除 Lotus Notes 设计元素继承

    作为创建基本修订控制系统的一部分 我想以编程方式禁用 Lotus Notes 模板上的设计元素级别继承 到目前为止我已经尝试过以下方法 DXL 导出 ForceNoteFormat true XSLT 由于导入器中字段 上的验证问题而失败
  • 通过chrome扩展获取下载文件的绝对路径

    我正在开发一个 chrome 扩展 它可以从网页下载特定文件 我有一个 popup html 通过它我可以输入要下载的文件的名称 还有一个链接 历史记录 单击该链接我想打开一个新页面 其中包含指向以前下载的文件的链接 下载历史记录 我可以下
  • PHP 致命错误:在非对象上调用成员函数 Execute() [关闭]

    这个问题不太可能对任何未来的访客有帮助 它只与一个较小的地理区域 一个特定的时间点或一个非常狭窄的情况相关 通常不适用于全世界的互联网受众 为了帮助使这个问题更广泛地适用 访问帮助中心 当我执行此代码时 出现错误 PHP 致命错误 在非对象
  • 如何在 Scene Kit 中对同一场景使用多个摄像机

    我有 2 个彼此相邻的 SCNView 两者都应该显示相同的场景 但通过不同的摄像机 在我看来 场景套件使用该节点和节点层次结构中最高的相机 所以我尝试了类似的方法 leftSceneView scene rootNode addChild
  • 哪里可以下载 MotoDev Studio? [关闭]

    Closed 这个问题是无关 目前不接受答案 在新的摩托罗拉网站中 我找不到任何 MotoDev Studio 的链接 我去年用过 现在好像消失了 你知道我在哪里可以找到最后的版本吗 他们不再支持 MotoDev 工作室 这与收购Googl
  • Swift:如何使用 PREPROCESSOR Flags(如 `#if DEBUG`)来实现 API 密钥?

    In Objective C有时使用静态字符串常量定义备用 API 键很有用 例如 区分分析包的 RELEASE 和 DEBUG 键 如 MixPanel Flurry 或 Crashlytics if DEBUG static NSStr
  • laravel 在本地计算机上返回 json 字符串,但在 elastic beanstalk 实例上返回整数

    我在使用 aws mysql laravel 和 Angular 时遇到一个奇怪的问题 我有一个本地运行的 vagrant 实例 上面运行着我的应用程序和数据库 我在前端使用 Angular 因此当加载视图时 Angular 会请求接收用户
  • 您能解释一下这个嵌入式 MATLAB 函数错误吗?

    我在将值从 GUI 发送到 Simulink 模型中的嵌入式 MATLAB 函数 EMF 时遇到问题 我从 GUI 中的滑块获取该值 并将其发送到模型中的 EMF 块 我可以确认该值已从 GUI 正确传输到 Simulink 模块 因为我可
  • 在 Access 中为最终用户创建动态“复选框”查询

    用例场景 我有一个低收入居民的客户 这些居民可以填写带有一堆复选框的纸质表格 它有一个 教育 部分 GED 文凭 助理等 另一部分为 技能 暖通空调 管道等 雇主联系我的客户 例如要求他们所有接受过 HVAC 培训的居民都拥有 GED 现在
  • Varnish + nginx + ELB 499 响应

    我有 varnish 4 服务器使用 nginx 作为连接到 ELB 的反向代理 每隔 2 天左右 我的服务器就会停止响应 我会在 nginx access log 中看到 499 个响应 重启nginx即可解决问题 为什么我开始收到这些
  • 如何创建不可复制对象的元组

    我正在尝试创建一个不可复制对象的元组 当我有了复制构造函数时 我就可以构造元组 当它们被删除时 编译将失败 include
  • 如何在 Git 中提交并推送选定的文件(但不是全部)

    我有一个有两个分支的 git 存储库 develop and master 我主要工作于develop当文件准备好时 有时不太坚持这个确认 我将它们合并到master分支将它们投入生产 看看这张照片 所有这些文件都来自develop分支并被
  • 通过 LaTeX 使用 pandoc 转换为 PDF 时出现表格间距问题

    我面临着 R 中的问题texreg 似乎没有打破表格下方注释中的线条 此外 模型之间的边距也没有像发生的那样平等地扩展htmlreg 这给出了一个干净的结果 手动中断如 n或 HTML 标签不适用于 texreg 有一个部分MichaelC
  • 如何使用 JavaScript 在 div 中加载 HTML 页面?

    我想要加载 home html div div a href HOME a div div div 当我使用 Firefox 时 这个效果很好 当我使用 Google Chrome 时 它 要求安装插件 如何让它 div