如何使用 jQuery 从文件添加内容?

2023-12-22

我有主要的html文档:

<html><head></head>
<body>
    <div id="content">
    </div>
</body>
</html>

我还有一个内容文件(不是 html 文档,只是 html 代码):

<div class="CodeRay">
<div class="code"><pre><span class="no">   1</span> require
....
</pre></div>

我想将内容文件添加到 html 文档中,如下所示:

<html><head></head>
    <body>
        <div id="content">
            <div class="CodeRay">
            <div class="code"><pre><span class="no">   1</span> require
            ....
            </pre></div>
        </div>
    </body>
</html>

如何使用jQuery来完成这个任务呢?我还需要在本地运行这个网站。谢谢。

EDIT:本地意味着这样“file:///E:/​​Work/ReadTheCode/main.html”


使用 jQuery 的.load()功能。代码可能看起来像这样:

$(document).ready(function(){
  $('#content').load('contentFile.html');
});

如果您需要更多信息,链接在这里 http://api.jquery.com/load/jquery 的加载文档。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 jQuery 从文件添加内容? 的相关文章

  • 当 MediaElementAudioSource 输出为零但 CORS 不再是问题时,如何才能播放音频?

    我正在尝试实施
  • 没有嵌套容器的桌面和移动 Flexbox 布局

    我有 3 个 div 它们必须按移动布局的特定顺序排列 但我必须将第 2 个 div 作为桌面布局的侧边栏 所以对于移动设备 分区1 分区2 分区3 对于桌面 分区1 div2 分区3 在桌面布局中 div 2 有阴影背景 因此必须是父级的
  • 使用 获取用于 javascript 的 RSA 密钥?

    我的 Web 项目需要一个 RSA 密钥对 虽然有一些库 但我认为依靠浏览器 为了安全性和速度 为我生成密钥是个好主意 是否可以使用注册机或其他浏览器 API 来执行此操作 我不知道如何从注册机获取密钥 它们似乎是在提交时生成的 但我不想将
  • 使用 jQuery / .data() 避免内存泄漏

    我正在使用 jQuery 动态创建 HTML 元素 现在需要针对它们存储 JavaScript 数据 但是 我现在担心内存泄漏 因为我实际上从未在对象上调用 删除 我 append 和 detach 它们 但从不 remove jQuery
  • jQuery UI sortable 和 contenteditable=true 不能一起工作

    我正在创建一个列表并希望使其项目可排序和可编辑 所以我这样做 ul li span A span li li span B span li li span C span li ul ul list sortable http jsfiddl
  • json 具有自动完成功能?

    我在用Jquery 自动完成 http docs jquery com Plugins Autocomplete autocomplete url or dataoptions 我也在使用 formatItem 我希望输出是
  • jQuery Mobile - 停止缓存

    就我而言 链接加载到特殊 div 的包装器中 这些包装器是其链接的父级 我通过pageload event 当 JQuery Mobile 执行 AJAX 请求时一切正常 但是如果我点击访问的链接 jquery mobile不会发送请求 而
  • 如何为 HTML5 音频元素制作加载栏?

    我正在尝试为 HTML5 音频元素制作一个加载栏 显示加载 缓冲的百分比 对于视频标签 可以使用以下方法进行计算 video buffered end 0 video duration 但我无法让它与音频标签一起使用 它只是返回一个固定值
  • VS 2010 Web应用程序中的ASP.NET Web Api CRUD操作

    我尝试在 VS 2010 Web 应用程序中进行 ASP NET Web Api CRUD 操作 但为什么结果没有从源表返回所有整行 这是我的代码 路线 Globax asax protected void Application Star
  • 光滑的旋转木马不工作

    我一直在尝试简单地实现 Slick Carousel 的工作 我已按照 Git 页面上的说明进行操作 https github com kenwheeler slick https github com kenwheeler slick 这
  • AngularJS 输入字段未从控制器内的 setTimeout 更新

    我正在使用 AngularJS 支持的页面 并且我需要在只读输入文本字段内显示正在运行的时钟 与data ng model 为了模拟运行的时钟 我使用了 JavaScript 调度程序setTimeout每 1000 毫秒调用一个函数 该函
  • 如何检查元素的内容是否为空,如果是,则在 jquery 中删除该元素

    我目前正在尝试选择某个 div 内没有内容的任何 h2 元素并将其删除 这是我的 html 代码 div class skipToContainer h2 class vidSkipTo Hello h2 h2 class vidSkipT
  • 通过 jQuery 从输入类型=“文件”多个中删除文件

    我在使用 PHP 和 jQuery 上传文件时遇到问题 表单可以一次上传多个图像 这些图像可以在滑块中预览 表单还包含两个字段标题和描述 滑块通过 jQuery 工作 当用户通过单击选择文件来选择多个图像时
  • jQuery:如何在显示元素的同时使用高亮效果?

    我在一个页面上有两个元素 div content div div style display none different content div 当我点击当前显示的div 我想隐藏它并显示另一个 这很容易做到 a hide b show
  • HTML 和 JavaScript - 将滚动操作从一个元素传递到另一个元素

    假设我有两个 div div div div A scrollable list div 我想让它当光标停在里面时 control并且鼠标滚轮滚动 view将会滚动 无论如何要实现这一目标 好的 快速修复对我有用 即使固定 div 不可滚动
  • 仅在首页加载时使用 cookie 加载 colorbox

    我尝试了来自网络的参考代码 仅在页面加载时加载特定元素一次 这是示例代码
  • iOS Safari Mobile 禁用上一个和下一个选择输入

    上周五我发现了关于此问题的类似问题 但似乎无法再次找到它 如果有人能指出我正确的方向 那就太好了 本质上我在一个页面上有多个选择菜单 第一个在加载时填充 第二个在第一个选择时填充 够简单的 但是 在 iOS 设备中 当您点击选择元素时 它会
  • `ie9` - contenteditable false 在父级可编辑时不起作用

    我正在尝试制作内容可编辑和不可编辑的容器 用户可以通过 3 种方式使用它 他们可以将内容与non editable 他们可以将内容与editable 他们可以在不选择其中之一的情况下放置内容 可编辑 我正在努力实现以下目标 content
  • 让登录更安全

    我已使用此代码进行管理员登录 仅当用户输入正确的用户名和密码时才应打开loginhome php 但后来我意识到这根本不安全 任何人都可以直接访问 mywebsite loginhome php 而无需登录 注销后 可以使用后退按钮打开 l
  • 使用 JavaScript onclick 添加表格行

    我正在尝试使用 javascript 添加下面找到的完全相同的元素 我已经尝试了这里找到的所有解决方案 我什至尝试用php echo但没有运气 无需更改任何输入名称或类似内容 只需单击该按钮即可向表中添加另一行 仅此而已 这是该元素 tr

随机推荐

  • R 中的关联度量——Kendall 的 tau-b 和 tau-c

    是否有用于计算 Kendall tau b 和 tau c 及其相关标准误差的 R 软件包 我在 Google 和 Rseek 上的搜索一无所获 但肯定有人已经在 R 中实现了这些 有three 肯德尔 tau 统计数据 tau a tau
  • 将 null 传递给“XslCompiledTransform.Transform”方法

    我正在尝试使用 XSL 转换 XML 文档 我不太熟悉如何在 NET 中转换 XML 所以我使用一些示例代码 XslCompiledTransform xslTransformer new XslCompiledTransform xslT
  • FlatMapMerge、FlatMapConcat 和 FlatMapLatest 之间有什么区别?

    我无法区分这三个运算符之间的确切区别 文档用于 平面地图合并 https kotlin github io kotlinx coroutines kotlinx coroutines core kotlinx coroutines flow
  • 使用OpenCascade,如何快速进行2个形状的碰撞检测?

    使用OpenCascade 如何进行2个形状的碰撞检测 可能有几种方法 一是计算它们的交集 并检查交集结果 另一种方法是计算它们的最小距离 哪种方式更快 或者还有什么更快的方法 多谢 在 brep 数据结构上计算最小距离是一项相当昂贵的操作
  • jQuery Mobile 从弹出窗口中打开弹出窗口

    我正在使用 jQuery 移动1 9 1 min在 PhoneGap 上 我有一个列表 其中单击的每个项目都会打开一个操作弹出窗口 function showActions index selectedIndex index actionP
  • 获取 Foxpro 中目录中的文件列表

    如何在 FoxPro 中以编程方式获取目录中的文件列表 ADIR 使用任何通配符基于目录创建一个数组 local array MyFiles 1 5 nFilesFound ADIR MyFiles C Somepath dbf for i
  • Rails 2.3 的 EOL(生命周期终止)是什么?

    Rails 2 3 的 EOL 日期是哪一天 2 3 于 2013 年 6 月 25 日终止 同年 Rails 4 0 0 发布 据报道 只有 最后一个主要版本系列 才会收到补丁迈克尔 科齐亚斯基 https groups google c
  • Python在循环外获取变量

    我有一个 python 代码 我需要在 for 循环和 if 语句之外获取它的值并进一步使用该变量 My code with open text r as f for line in f readlines if hi in line a
  • 将 SQLAlchemy ORM 与 sql core 表达式中的对象连接起来?

    我必须使用 SQLalchemy Core 表达式来获取对象 因为 ORM 无法执行 更新和返回 ORM中的更新没有returning from sqlalchemy import update class User ORMBase pur
  • 在 OpenGL 引擎中组织 GLSL 着色器

    哪个更好 To 拥有一个包含大量制服的着色器程序指定 要使用的灯光或要执行的映射 例如 我需要一个网格进行视差映射 另一个网格进行视差 镜面映射 我会为延迟传输创建一个制服的缓存列表 并且如果需要的话 只需为每个下一个网格更改几个制服 To
  • java中的matchTemplate与openCV

    我有这样的代码 Mat img Highgui imread inFile Mat templ Highgui imread templateFile int result cols img cols templ cols 1 int re
  • 如果表中的值满足条件,Vba 宏将从表中复制行

    我正在尝试制作一个宏 遍历一张桌子 查看该表的 B 列中的值是否具有特定值 如果有 则将该行复制到另一个工作表中的范围 结果类似于过滤表 但我想避免隐藏任何行 我对 vba 有点陌生 真的不知道从哪里开始 非常感谢任何帮助 这正是您使用高级
  • 从 genymotion 访问 homestead 主机

    我如何从genymotion模拟器访问homestead 我将这一行添加到模拟器中hosts文件 但不起作用 192 168 10 10 myapp app 以下是我在 Windows 10 上的操作方法 检查宅基地是否有效 我的宅基地在该
  • [NSMutableDictionary setValue: value forKey: key] 是否保留 NSString key?

    添加项目时NSMutableDictionary使用setValue forKey 方法 我想这可以推广到任何NSObject 字典是否保留第二个参数 即NSString 例如 NSAutoreleasePool pool NSAutore
  • Gradle:将 jar 依赖项包含到 Ear/libs 中

    我正在使用 Gradle 创建耳朵 但我很难弄清楚如何正确地将依赖项包含在 lib 文件夹中 我知道我可以使用 earlib project group name version 在那里包含罐子 这些 jar 的编译依赖项也将添加到 Ear
  • 将 JSON 单个字符串反序列化为数组

    我正在尝试反序列化我的 json 数据 但是我的类未正确设置 我无权更改 json 响应 因此我需要编写一个函数来正确处理 json 这是数据 blabla Score 1 Ref 50 foo colour Yellow ref y50
  • 字符串超过 maxJsonLength 且小于 250kb

    我将实体与ajax 一起使用 我想要在使用 JavaScript 创建的网格中使用实体框架提供的完整表格 我当前发送的表格少于 140 行 如果表中只有 50 行 那么我的代码就可以工作 并且出现以下错误 Message Error dur
  • 从 C 包装器调用 R 函数

    我有一个像这样的函数 callFunc lt function f f 1 f可以是 例如 f lt function x x 为了简化事情 假设我知道 f 应该返回一个数字并接受一个数字 我想搬家callFunc到C 但仍然有功能f在 R
  • 循环从节点 Promise 返回的对象并提供给下一个 .then

    我似乎永远被这个问题困扰了 我刚刚进入节点 并开始思考承诺等 我想做的是从 Spotify API 获取数据 我做的第一件事就是获取我自己的播放列表 function getPlaylists access token var option
  • 如何使用 jQuery 从文件添加内容?

    我有主要的html文档 div div 我还有一个内容文件 不是 html 文档 只是 html 代码 div class CodeRay div class code pre span class no 1 span require pr