Javascript 外部JS文件在XHTML中不起作用_Javascript_Jquery_Xhtml

Javascript 外部JS文件在XHTML中不起作用

javascript jquery

Javascript 外部JS文件在XHTML中不起作用,javascript,jquery,xhtml,Javascript,Jquery,Xhtml,我有一个名为Reservation.xhtml的文件，其中包含调用外部js文件的脚本标记。Reservation.xhtml包含我从网站下载的表单以及保存到“validate.js”中的javascript 当使用Reservation.xhtml时，validate.js中的函数不会被调用，但是当我将Reservation.xhtml的扩展名更改为Reservation.html时。表单工作正常。那么有人能告诉我为什么validate.js在Reservation.html中工作而不是在R

我有一个名为Reservation.xhtml的文件，其中包含调用外部js文件的脚本标记。Reservation.xhtml包含我从网站下载的表单以及保存到“validate.js”中的javascript

当使用Reservation.xhtml时，validate.js中的函数不会被调用，但是当我将Reservation.xhtml的扩展名更改为Reservation.html时。表单工作正常。那么有人能告诉我为什么validate.js在Reservation.html中工作而不是在Reservation.xhtml中工作吗。。请告诉我如何在预订中使用。xhtml

根据，您所做的事情没有任何问题

我创建了这样的文件：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/ xhtml1/DTD/xhtml1-strict.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>Strict document</title>
    </head>
    <body>
      <p>This is a strict XHTML document.</p> 
      <div id="validate" style="color:red"><tt>validate.js</tt> has not been called!</div>
      <script src="validate.js" type="text/javascript"></script>
    </body>
  </html>


严格的文件
这是一个严格的XHTML文档。
尚未调用validate.js！

链接的脚本将改变div的内部HTML和样式，并且在Firefox中也能正常工作

现在，虽然文件扩展名和doctype似乎无关紧要，但也有一些事情可以做到。
具体来说，它是一个

HTMLElement

属性，在HTML和XHTML中是不同的：

在XHTML（或任何其他XML格式）中，“span”将被警告。在HTML中，“SPAN”将被提醒MDN

这可能会导致脚本无法执行某些操作。

xhtml扩展不是您想要的。如果你想让文档像XHTML一样处理，你需要使用。我使用的是这个doctype-它正确吗？？我不确定-请，谷歌在这个话题上得到正确的答案。每当我需要doctype时，我都会这样做。但如果可以的话，我有一个问题——文件在服务器上吗(http://...)还是本地的(file://...)？文件在xamppso上，然后你在httpi上使用你的示例，但我调用了js文件，但事实是，当单击按钮时，没有触发任何函数..仅当我将文件扩展名从xhtml更改为html时，然后它就起作用了。你知道我不是一个强大的占卜师，除非你和我分享你的剧本，否则我不会知道你的剧本出了什么问题吗？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/ xhtml1/DTD/xhtml1-strict.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>Strict document</title>
    </head>
    <body>
      <p>This is a strict XHTML document.</p> 
      <div id="validate" style="color:red"><tt>validate.js</tt> has not been called!</div>
      <script src="validate.js" type="text/javascript"></script>
    </body>
  </html>