Javascript正在执行和显示

Javascript is Executing and Displaying

本文关键字：显示 执行 Javascript      更新时间：2023-09-26

我遇到了一个非常奇怪的问题，javascript执行良好，但它也将脚本显示为文本。

该脚本位于我用AJAX加载的PHP文件中。

<div id='main_container'>
</div>
<br>
<div style='border-top:1px solid grey;padding-top:10px;padding-bottom:10px;position:absolute;bottom:0;width:100%;'>
    <a style='padding-left:10px;padding-right:15px;width:50%;border-right:1px solid #0cf;' onclick='editFav();' href='#'>Edit Favourites</a>
    <a style='padding-left:10px;width:50%;text-align:right;' href='#'>Add Favourite</a>
</div>

<script type='text/javascript'>
$('#main_container').load('ajax/favourites/list.php', {});
</script>

代码运行良好，脚本执行，但它仍然显示自己。。

编辑-我只需要在后面添加一些东西就可以解决这个问题。我添加了"<p></p>"，之后就可以了。

试试这个，看看你得到了什么错误，或者它是否显示了list.php 的内容

<script type='text/javascript'>
$( "#main_container" ).load( "/ajax/favourites/list.php", function( response, status, xhr ) {
  if ( status == "error" ) {
    var msg = "Sorry but there was an error: ";
    $( "#error" ).html( msg + xhr.status + " " + xhr.statusText );
  }
});
</script>

我制作了两个小文件：

文件1:test.html

<!DOCTYPE HTML>
<html>
 <body>
   <div id='main_container'></div>
   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
   <script>
     $('#main_container').load('try.html', {});
   </script>
 </body>
</html>

文件2:

<!DOCTYPE HTML>
<html>
  <body>
    <script type='text/javascript'>
      document.write('this is a test.');
    </script>
  </body>
</html>

而且他们没有显示Javascript。如果你仍然有问题，试着看看你是否可以用这两个文件复制它。试着用小步骤让它们与你的更相似，看看哪里出了问题。

相关文章：