1

我是网络开发的新手，我正在尝试制作一个显示列表的基本网页（如餐厅菜单）。期望的结果：

<html>
<head>
    <title>Restaurant menu</title>
</head>
<body>
    <ul>
        <li>Item1</li>
        <li>Item2</li>
        <li>Item3</li>
    </ul>
</body>
</html>

除了这些项目在本地存储为 .txt 文件，并且可能会发生变化，所以我不想每次都将它们复制粘贴到 html 中。

4

3 回答 3

2

你最好的选择是使用像 PHP 这样的服务器端语言，或者任何你熟悉或想学习的语言。以 PHP 为例...

文本文件：

Item1
Item2
Item3

您的页面，我们称之为 list.php

<?php 
      // reads the lines of menu.txt into an array
      $menu = file('menu.txt'); 
?>
<html>
<head>
    <title>Restaurant menu</title>
</head>
<body>
    <?php if(!empty($menu)): ?>
    <ul>
        <?php foreach($menu as $item): ?>
          <li><?php echo $item ?></li>
        <?php endforeach; ?>
    </ul>
    <?php else: ?>
       <p>No items.</p>
    <?php endif; ?>
</body>
</html>

您可以使用 Javascript 来执行此操作。问题在于，如果出于某种不可原谅的原因，用户禁用了 javascript，或者如果他们没有可以运行 javascript 的浏览器，那么您甚至无法查看内容。所以真的，应该使用服务器端语言。

另外，请不要只是剪切和粘贴此代码。有很多事情没有考虑到，它可能会导致问题。您可以将其作为起点，但您确实想熟悉该语言，然后可能会发布有关如何解析文件格式或您应该使用什么格式、错误处理和其他内容的更具体的问题。

于 2013-05-17T20:18:23.023 回答
0

您的选择是服务器端语言（PHP、.NET）或对服务器端代码的 Javascript 调用。

纯 HTML 无法满足您的需要。

于 2013-05-17T20:15:46.407 回答
-1

您必须使用一种网络语言，如 PHP、JavaScript 或许多其他语言。HTML 代码是静态的，不会改变。

我建议查看 jQuery 以获取快速和简单的动态页面。

于 2013-05-17T20:14:13.763 回答