Javascript 使用脚本在DIV上加载可见HTML_Javascript_Jquery_Html

Javascript 使用脚本在DIV上加载可见HTML

javascript jquery html

Javascript 使用脚本在DIV上加载可见HTML,javascript,jquery,html,Javascript,Jquery,Html,菜鸟问题。我想知道是否可以将HTML插入Div或任何其他元素，并使其在源代码中可见例如，如果我使用jQuery加载函数，我可以加载HTML源代码，但是如果我单击查看页面源代码，HTML将不可见 <html lang="en"> <head> <meta charset="utf-8"> <title>load demo</title> <style> body { font-size: 12px; font-fami

菜鸟问题。我想知道是否可以将HTML插入Div或任何其他元素，并使其在源代码中可见

例如，如果我使用jQuery加载函数，我可以加载HTML源代码，但是如果我单击查看页面源代码，HTML将不可见

<html lang="en">
<head>
<meta charset="utf-8">
<title>load demo</title>
<style>
 body {
 font-size: 12px;
 font-family: Arial;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

 <b>Products:</b>
 <ol id="all-products"></ol>

 <script>
  $( "#all-products" ).load( "index2.html #products li" );
 </script>

 </body>
 </html>

在“查看页面源代码”选项中动态插入HTML代码是否有一些变通方法

谢谢

浏览器运行JavaScript客户端，这意味着代码在您的机器上执行，而不是在发送给您的服务器上执行。而且，出于安全原因，浏览器中的JavaScript是不允许访问文件系统的。如果可以的话，你能想象随之而来的灾难吗

所以不能。你不能编写JavaScript来更新源文件

您可以使用一些JavaScript，向服务器请求在服务器上执行的一些服务器端代码，如：.php、ASP.NET、.jsp。这些服务器端架构允许访问服务器文件系统

请添加到目前为止您尝试过的代码。您可以通过load将HTML插入到DIV中，它将通过inspect元素可见，但不能通过view source。查看源代码不显示动态数据。您能描述一下在源代码中查看它的目的吗？我询问的原因是，它将显示在dev工具中inspect元素的源代码中。它不会显示在静态的单一加载源中。您可能会提到您正在使用的浏览器。在Chrome和Firefox中，右键单击并选择Inspect元素来检查将反映js更新的实时源代码。您试图解决什么问题？View source仅显示从服务器发送的内容，不随javascript更改