Javascript 将外部文本加载到HTML_Javascript_Jquery_Html

Javascript 将外部文本加载到HTML

javascript jquery html

Javascript 将外部文本加载到HTML,javascript,jquery,html,Javascript,Jquery,Html,对于正在工作的项目，我必须创建一个帮助文件，其中包含多个章节和一个大HTML文件中的大量文本，但由于文本必须翻译为不同的语言，因此我希望从外部文本文件加载文本我看过这样的主题：将外部文本从.txt加载到html文件 jQuery load txt file.html（）但我没办法让它工作作为测试，我创建了一个非常基本的html文件： <html> <head> <script type="text/javascript"> $('#text'

对于正在工作的项目，我必须创建一个帮助文件，其中包含多个章节和一个大HTML文件中的大量文本，但由于文本必须翻译为不同的语言，因此我希望从外部文本文件加载文本

我看过这样的主题：

将外部文本从.txt加载到html文件
jQuery load txt file.html（）

但我没办法让它工作

作为测试，我创建了一个非常基本的html文件：

<html>
<head>
 <script type="text/javascript">
  $('#text').load("/textdoc.txt");
 </script>
</head>
<body>

 <div id="text">

 </div>
</body>


$（'#text'）.load（“/textdoc.txt”）；

但即使这样也不行。我希望看到

中“textdoc.txt”文件中的文本。但它仍然是空白的。文本文档与html文件位于同一目录中。我做错了什么

作为旁注，我创建的系统帮助文件用于在IE7上运行。这样做有用吗

正如MrN00b所指出的，我假设您忽略了jQuery js文件本身的包含？请包括它，如果你还没有，因为它不是隐含的网页的一部分

由于您的代码位于它引用的文档中的项目之前（

id=“text”）

，您需要等待文档完成加载：

使用以下选项之一，以便jQuery将等待DOM完成加载：

传统的：快捷方式：安全（本地作用域$）：注意：这看起来有点像您可能看到的IIFE（立即调用的函数表达式），但事实并非如此

以下内容只是执行作用域为
$
的代码，而不是等待加载。

     (function($){
         // I am still run immediately as this is an IIFE!
         $('#text').load("/textdoc.txt");
     })(jQuery);

例如。：

正如MrN00b所指出的，我假设您忽略了jQueryJS文件本身的包含？请包括它，如果你还没有，因为它不是隐含的网页的一部分

由于您的代码位于它引用的文档中的项目之前（

id=“text”）

，您需要等待文档完成加载：

使用以下选项之一，以便jQuery将等待DOM完成加载：

传统的：快捷方式：安全（本地作用域$）：注意：这看起来有点像您可能看到的IIFE（立即调用的函数表达式），但事实并非如此

以下内容只是执行作用域为
$
的代码，而不是等待加载。

     (function($){
         // I am still run immediately as this is an IIFE!
         $('#text').load("/textdoc.txt");
     })(jQuery);

例如。：

正如MrN00b所指出的，我假设您忽略了jQueryJS文件本身的包含？请包括它，如果你还没有，因为它不是隐含的网页的一部分

由于您的代码位于它引用的文档中的项目之前（

id=“text”）

，您需要等待文档完成加载：

使用以下选项之一，以便jQuery将等待DOM完成加载：

传统的：快捷方式：安全（本地作用域$）：注意：这看起来有点像您可能看到的IIFE（立即调用的函数表达式），但事实并非如此

以下内容只是执行作用域为
$
的代码，而不是等待加载。

     (function($){
         // I am still run immediately as this is an IIFE!
         $('#text').load("/textdoc.txt");
     })(jQuery);

例如。：

正如MrN00b所指出的，我假设您忽略了jQueryJS文件本身的包含？请包括它，如果你还没有，因为它不是隐含的网页的一部分

由于您的代码位于它引用的文档中的项目之前（

id=“text”）

，您需要等待文档完成加载：

使用以下选项之一，以便jQuery将等待DOM完成加载：

传统的：快捷方式：安全（本地作用域$）：注意：这看起来有点像您可能看到的IIFE（立即调用的函数表达式），但事实并非如此

以下内容只是执行作用域为
$
的代码，而不是等待加载。

     (function($){
         // I am still run immediately as this is an IIFE!
         $('#text').load("/textdoc.txt");
     })(jQuery);

例如。：

您需要包括jQuery文件引用，

$（document）.ready（）

或可能是要开始的基本教程。您需要包括jQuery文件引用，

$（document）.ready（）

或可能是要开始的基本教程。您需要包括jQuery文件引用，

$（document）.ready（）

或可能是要开始的基本教程。您需要包括jQuery文件引用，

$（document）.ready（）

或可能是要开始的基本教程。他还需要在html中添加对jQuery的引用-尽管我假设（或可能希望如此）这只是问问题时的一个疏忽。@MrN00b：我必须承认，我认为这个例子没有提到这一点！将添加注释。@Noob先生：他们让我承担这项任务，尽管我不是程序员。我可以使用HTML，但JavaScript或jQuery对我来说是完全陌生的。这就是为什么我没有包括任何文件，因为我不知道我必须这样做。感谢您抽出时间回复。他还需要在他的html中添加对jQuery的引用-尽管我假设（或可能希望）这只是问问题时的疏忽。@MrN00b：我必须承认，我假设这个示例中没有提到过！将添加注释。@Noob先生：他们让我承担这项任务，尽管我不是程序员。我可以使用HTML，但JavaScript或jQuery对我来说是完全陌生的。这就是为什么我没有包括任何文件，因为我不知道我必须这样做。感谢您抽出时间回复。他还需要在他的html中添加对jQuery的引用-尽管我假设（或可能希望）这只是问问题时的疏忽。@MrN00b：我必须承认，我假设这个示例中没有提到过！将添加注释。@Noob先生：他们让我承担这项任务，尽管我不是程序员。我可以使用HTML，但JavaScript或jQuery对我来说是完全陌生的。这就是为什么我没有包括任何文件，因为我不知道我必须这样做。感谢您抽出时间回复。他还需要在他的html中添加对jQuery的引用-尽管我假设（或可能希望）这只是问问题时的疏忽。@MrN00b：我必须承认，我假设这个示例中没有提到过！将添加注释。@Noob先生：他们让我承担这项任务，即使我不是p

<html>
<head>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>    
  <script type="text/javascript">
     jQuery(function($){
         $('#text').load("/textdoc.txt");
     });
  </script>
</head>
<body>

 <div id="text">

 </div>
</body>

<html>
<head>
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>    
</head>
<body>

 <div id="text">

 </div>
 <script type="text/javascript">
     // This will now work as the element referenced must already be loaded
     $('#text').load("/textdoc.txt");
 </script>
</body>