鱼C论坛

 找回密码
 立即注册
查看: 3456|回复: 9

[已解决]咋就提示函数未定义呢

[复制链接]
发表于 2020-1-17 09:24:17 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script>
  6. <title>我的HTML JS笔记</title>
  7. </head>
  8. <body>
  9.        
  10. <h1 align="center">我的 html js 相关笔记</h1>
  11. <a href="test.html" target="_blank">自动循环显示图片(查看效果)</a>
  12. <button  onclick="readtxt()" >查看源码</button>
  13. <p>
  14. <p><textarea id="txt" name="result" cols="60" rows="30" value="">
  15. <script>
  16.     var jstxt = document.getElementById('txt');
  17.     function readtxt()
  18.         {
  19.              alert(xhr.status);
  20.          var xhr = new XMLHttpRequest();
  21.          xhr.open('get','test.html',true);
  22.          xhr.send();
  23.                  alert(xhr.status);
  24.          xhr.onreadystatechange = function ()
  25.                  {
  26.                      alert(xhr.status);
  27.              if (xhr.readyState == 4 && xhr.status == 200)
  28.                          {
  29.                  alert("请求服务器数据成功且返回数据成功!");
  30.                  jstxt.innerHTML = xhr.responseText;
  31.                      };
  32.          };
  33.       };
  34. </script>
  35. </body>
  36. </html>
复制代码

2个错误:
HTML1300: 进行了导航。myhtml.html (1,1)

HTML1501: 文件结尾不符合要求。myhtml.html (36,8)

0: 'readtxt' is not defined     myhtml.html (11,18)







最佳答案
2020-1-17 09:35:12
这样试试:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script>
  6. <title>我的HTML JS笔记</title>
  7. </head>
  8. <body>
  9.     <script>
  10.         var jstxt = document.getElementById('txt');
  11.         function readtxt()
  12.             {
  13.              var xhr = new XMLHttpRequest();
  14.              alert(xhr.status);
  15.              xhr.open('get','test.html',true);
  16.              xhr.send();
  17.                      alert(xhr.status);
  18.              xhr.onreadystatechange = function ()
  19.                      {
  20.                          alert(xhr.status);
  21.                  if (xhr.readyState == 4 && xhr.status == 200)
  22.                              {
  23.                      alert("请求服务器数据成功且返回数据成功!");
  24.                      jstxt.innerHTML = xhr.responseText;
  25.                          };
  26.              };
  27.           };
  28.     </script>
  29. <h1 align="center">我的 html js 相关笔记</h1>
  30. <a href="test.html" target="_blank">自动循环显示图片(查看效果)</a>
  31. <button  onclick="readtxt()" >查看源码</button>
  32. <p>
  33. <p><textarea id="txt" name="result" cols="60" rows="30" value="">
  34. </body>
  35. </html>
复制代码
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

发表于 2020-1-17 09:26:30 | 显示全部楼层
运行正常?
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-1-17 09:27:01 | 显示全部楼层

当然不正常了
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-1-17 09:28:27 | 显示全部楼层
1.png
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-1-17 09:33:12 | 显示全部楼层
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-1-17 09:35:12 | 显示全部楼层    本楼为最佳答案   
这样试试:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script>
  6. <title>我的HTML JS笔记</title>
  7. </head>
  8. <body>
  9.     <script>
  10.         var jstxt = document.getElementById('txt');
  11.         function readtxt()
  12.             {
  13.              var xhr = new XMLHttpRequest();
  14.              alert(xhr.status);
  15.              xhr.open('get','test.html',true);
  16.              xhr.send();
  17.                      alert(xhr.status);
  18.              xhr.onreadystatechange = function ()
  19.                      {
  20.                          alert(xhr.status);
  21.                  if (xhr.readyState == 4 && xhr.status == 200)
  22.                              {
  23.                      alert("请求服务器数据成功且返回数据成功!");
  24.                      jstxt.innerHTML = xhr.responseText;
  25.                          };
  26.              };
  27.           };
  28.     </script>
  29. <h1 align="center">我的 html js 相关笔记</h1>
  30. <a href="test.html" target="_blank">自动循环显示图片(查看效果)</a>
  31. <button  onclick="readtxt()" >查看源码</button>
  32. <p>
  33. <p><textarea id="txt" name="result" cols="60" rows="30" value="">
  34. </body>
  35. </html>
复制代码
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-1-17 09:37:00 | 显示全部楼层

我没试,不过猜测应该没问题
但是看教程,函数的定义和实现 是可以在后面的
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-1-17 10:19:03 | 显示全部楼层
第13、14行有问题吧?是不是应该改成这样?
  1. <p textarea id="txt" name="result" cols="60" rows="30" value=""></p>
复制代码
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-1-17 10:34:18 | 显示全部楼层
sunrise085 发表于 2020-1-17 10:19
第13、14行有问题吧?是不是应该改成这样?

这样的话,那个文本框textarea 根本就不显示了
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-1-17 10:50:36 | 显示全部楼层
突然之间  代码起作用了,异步请求数据成功
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2025-5-5 13:26

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表