如何将文本文件包含到JavaScript中

2023-12-30

有没有办法将另一个文件中的一些文本加载到 javascript 中,而不需要服务器端代码?

我正在考虑使用另一个元素来保存一些注释中的文本,但我不知道如何使用 javascript 读取它的源代码。

就像是:

<script src="myfile.js"></script>

<script> function readMyText() { ... }</script>

在 myfile.js 中:/* some text */


如果您给脚本标签指定的“类型”不是浏览器理解的“JavaScript”含义,则可以将任何您想要的内容放入脚本标签中:

<script id='Turtle' type='text/poem'>
  Turtle, turtle, on the ground;
  Pink and shiny - turn around.
</script>

您可以通过“innerHTML”属性获取内容:

var poemScript = document.getElementById('Turtle');
var poem = poemScript.innerHTML;

这是一个 jsfiddle 来演示。 http://jsfiddle.net/Pointy/HmJZA/

这个技巧最近在通过模板进行客户端页面构建的人们中很流行。

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

如何将文本文件包含到JavaScript中 的相关文章

  • 我如何能够以两行显示标题,并且每行的字体大小不同?

    我正在使用 Google Chart API 创建时间线图 并希望将图的标题修改为两行 问题 我如何能够显示具有不同字体大小的两线图表标题 电流输出 理想输出 相关研究 我唯一能找到的是有人试图用饼图来做到这一点 但我尝试了但无法使其发挥作
  • 使用 jquery 远程图像属性

    目前我正在尝试获取远程图像宽度 高度 我正在开发一个链接共享模块 就像当你在 Facebook 上粘贴链接时 你可以看到标题 描述和图像 所以我尝试使用 php getimagesize 来获取图像宽度 高度 但速度非常慢 所以我正在考虑使
  • 是否存在 IsCallable 为 false 但 IsConstructor 为 true 的 JS 对象?

    ECMAScript 规范函数可调用 https www ecma international org ecma 262 6 0 index html sec iscallable当且仅当其参数具有 Call 内部方法时返回 true 它在
  • IE从哪个版本开始支持Object.create(null)?

    您可以通过多种方式在 JavaScript 中创建对象 creates an object which makes the Object prototype of data var data1 new Object Object liter
  • 使用 JavaScript 禁用第三方 cookie

    我正在努力根据所有在欧盟运营的公司的数据保护规则实施新的 Cookie 政策合规性 根据该规则 用户在使用任何网站时必须能够拒绝 接受除必需的 Cookie 之外的所有内容 在我客户的网站中 我可以看到正在存储以下第三方 cookie ga
  • 如何将内联 JavaScript 与 Express/Node.js 中动态生成的内容分开?

    对于具有几年 Web 开发经验但没有找到答案的人来说 这是一个有点菜鸟的问题程序员堆栈交换 or Google 我决定在这里问一下 我在用Express网络框架Node js 但这个问题并不特定于任何 Web 框架或编程语言 以下是从数据库
  • 可以在初始 DOM 解析期间/之前修改 DOM 吗?

    是否可以在初始 DOM 解析期间或之前修改 DOM 或者我是否必须等到 DOM 被解析和构建之后才能与其交互 更具体地说 是否有可能阻止 DOM 中的脚本元素使用用户脚本 内容脚本或 Chrome 或 Firefox 中的类似脚本运行 在解
  • Snap.svg - 停止在可悬停元素的子元素上重新触发悬停事件

    对于一个项目 我使用的 SVG 形状由背景多边形和背景多边形上方的一些文本 我已将其转换为路径 组成 我正在使用 Snap svg 为我的形状设置动画 当我将鼠标悬停在多边形上时 形状应该缩放到特定尺寸 包括其中的所有内容 鼠标移开时 形状
  • window.location 和 location.href 之间的区别

    我对之间的区别感到困惑window location and location href 两者似乎都以相同的方式行事 有什么不同 window location是一个对象 它保存有关当前文档位置的所有信息 主机 href 端口 协议等 lo
  • 为什么我们在打字稿中使用 HTMLInputElement ?

    我们为什么使用 document getElementById ipv as HTMLInputElement value 代替 document getElementById ipv value 功能getElementById返回具有类
  • DataTables row.add 到特定索引

    我正在替换这样的行项目 var targetRow entity row dataTable targetRow closest table dataTable DataTable dataTable row targetRow remov
  • 将 UMD Javascript 模块导入浏览器

    你好 我正在对 RxJS 进行一些研究 我可以通过在浏览器中引用它来使用该库 如下所示 它使用全局对象命名空间变量 Rx 导入 我可以制作可观察的东西并做所有有趣的事情 当我将 src 更改为指向最新的 UMD 文件时 一切都会崩溃 如下所
  • 在移动设备上滚动

    这个问题更多的是一个建议研究 我确实希望它对其他人有帮助 并且它不会关闭 因为我不太确定在哪里寻求有关此事的建议 在过去的 6 个月里 我一直在进行移动开发 我有机会处理各种设备上的各种情况和错误 最麻烦的是滚动问题 当涉及到在网站的多个区
  • Vue 和 Vuex:处理依赖的计算属性

    我的应用程序是一个使用 Vuex 在 Vue 中构建的精简电子表格 关键组件是TableCollection Table and Row The TableCollection有一个包含多个的数组Table对象 每个Table有一个包含多个
  • 在 Javascript 中连接空数组

    我正在浏览一些代码 我想知道这有什么用处 grid push concat row 根据我的理解 它等同于 grid push row 为什么要大惊小怪 连接 你想使用 concat当您需要展平数组并且没有由其他数组组成的数组时 例如 va
  • 如何隐藏/禁用 Highcharts.js 中的图例框?

    我想问是否可以使用 HighCharts js 库隐藏图表中的所有图例框 var chart object chart renderTo render to type graph type colors graph colors title
  • Javascript - 水波纹效果

    我需要 JS 上的脚本 它将以 水波纹 样式更改 images html 抱歉 6MB GIF 文件 http fcuunited ru temp listening2 gif http fcunited ru temp listening
  • 从 FileReader 设置背景图像样式

    我正在寻找一种解决方案 允许我从文件上传输入中获取文件并通过设置 document body style backgroundImage 来预览它 以下代码用于在 Image 元素中显示预览 function setImage id tar
  • JavaScript 相对路径

    在第一个 html 文件中 我使用了一个变量类别链接 var categoryLinks Career prospects http localhost Landa DirectManagers 511 HelenaChechik Dim0
  • Jquery - 选择选项后如何获取选项的特定数据类型?

    我将直接跳到标记 然后解释我想要做什么 HTML 选择选项

随机推荐

  • .htaccess 重写:子域作为 GET 参数,文件路径 afterdomain 完好无损

    我想使用 htaccess 将子域重写为 get 参数 但保持域后面的所有内容不变 将参数添加到末尾或 url 期望的结果 http mpmain example com gt index php http www example com
  • 在运行时创建 JMS 队列 [关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 我正在开发一个应用程序 应用程序用户可以在其中创建 删除队列 此外 他还能够将消息从一个队列移动到另一个队列 删除消息 根据某些过滤器重新排列队
  • 处理 UI 上未启动的触摸

    我寻求一种方法来处理不在 Unity 引擎中的 UI 元素上启动的触摸 其目的是在 地图 上进行旋转 平移和放大 以下简称 地图 但是 如果触摸事件发生在任何 UI 元素上 则应由该 UI 元素而不是地图来处理 我认为这样的例子之一就是 G
  • ruby net-sftp 逐行读取文件

    我正在使用 ruby 2 0 0 和 Rails 4 0 0 我有类似的东西 require net sftp sftp Net SFTP start ftp app com username password gt password sf
  • 如何在 gradle 中排除传递项目依赖项

    given dependencies compile project subproject transitive false 这在 gradle 1 3 中无法正常工作 即所有依赖项都包含在子项目中 这是一个错误还是有不同的语法来排除项目
  • 带有 jQ​​uery 的 JavaScript 命名空间

    如何管理依赖于 jQuery 的自定义 JavaScript 库的命名空间 你是否创建自己的命名空间 比如说foo并在那里添加你的对象 例如foo myClass foo myFunction 或者将对象添加到 jQuery 的命名空间中
  • ngOnDestroy 和 $('#element').foundation('destroy');

    我正在尝试在我的 Angular2 应用程序中实现 Sticky Magellan 一旦我离开视图 我想删除该插件 因为否则当我重新访问视图时我会遇到问题 所以我正在使用 ngOnDestroy void element foundatio
  • XQuery 正则表达式可以匹配空字符吗?

    我想从字符串中删除所有 NULL 字符 我知道正确的正则表达式匹配应该是 x00 并且我已经尝试了以下 XQuery replace message x00 它会导致错误 exerr ERROR Conversion from XPath2
  • 从自定义文档属性中的日期获取第二天

    我有包含日期 的自定义文档属性 定义为日期 我试图从自定义文档属性 日期字段 中的日期获取第二天 DOCPROPERTY DateFieldTest 1 d MMMM YYYY toggle DOCPROPERTY Field 07 04
  • C++/CLI 委托作为函数指针 (System.AccessViolationException)

    我一直在尝试使用 C CLI 委托 因为我正在尝试创建 NET 参考库 并且遇到了以下问题 我在 C CLI 中定义一个委托 然后在 C 中创建该委托的实例 然后通过函数指针通过非托管 C 调用该委托的实例 这一切都按预期进行 说明这一点的
  • 调整基本 R 中的绘图标题和副标题

    如何获得基本 R 绘图标题和副标题以模仿 ggplots 我希望所有内容都保持对齐 没有任何粗体 并且副标题位于标题的正下方 我还希望所有东西之间有更多的空间 也许我的换行符 n 黑客 是实现这一目标的最佳方法吗 plot mtcars t
  • 如何更改opentok javascript SDK中的音频输出?

    连接到移动浏览器时 音频始终默认为纯音频扬声器 即靠近耳朵的手机扬声器 我不知道这叫什么 而不是扬声器 如何让它默认使用扬声器并让用户选择使用哪个扬声器 移动 SDK 的文档中有此内容 但在 JavaScript SDK 中 只有音频源有等
  • 使用Linq to对象,如何轻松创建的空字典?

    要创建一个空序列 可以使用以下命令 var empty Enumerable Empty
  • 如何转义 URL 中的哈希字符

    我怎样才能逃脱 URL 的查询字符串中发送的哈希符号 有时称为数字符号或井号 百分比编码 https en wikipedia org wiki Percent encoding 将哈希替换为 23
  • libsandbox 和 pysandbox 的限制功能

    我正在使用sample2 py此处列出https github com openjudge sandbox https github com openjudge sandbox作为调用沙箱库的包装器 又名 libsandbox pysand
  • 如何使用 R Shiny 从数据库填充下拉列表?

    我想用数据库查询的结果填充 R 闪亮应用程序中的下拉列表 I have a global r file where i put this code getData lt function this function returns a si
  • 停止 Android Studio 使用支持库

    我试图让 Android Studio 中的 Android 项目不使用支持库 我的问题是 当我使用片段时 它需要支持片段并导致应用程序崩溃 我的 Min SDK 是 14 我的 Target SDK 是 19 我的理解是 因为我的目标是这
  • Flask + Flask-Security + Babel 不工作

    我已经设置了 Flask Babel Flask Security 像这样创建所有翻译 root main py translations ru LC MESSAGES 消息 mo 消息 po 在 main py 中 有一部分设置语言执行
  • Struts2:全局结果配置错误

    我想使用全局结果 登录 但它仅在配置中没有全局结果的情况下才有效 这是我的配置的相关部分 类别列表 jsp 类别详细信息 jsp WEB INF login jsp 当我启动我的应用程序时 它会抛出此异常 org xml sax SAXPa
  • 如何将文本文件包含到JavaScript中

    有没有办法将另一个文件中的一些文本加载到 javascript 中 而不需要服务器端代码 我正在考虑使用另一个元素来保存一些注释中的文本 但我不知道如何使用 javascript 读取它的源代码 就像是 在 myfile js 中 some