-2

我有一个家庭自动化网页，可以控制家中多个墙壁电源插座的通电和断电（请参阅下面的简单网络控制页面）。

有时，将插入特定壁式插座的设备更换为另一个设备，例如，打印机被移除（拔下）并替换为台灯（插入）。

因此，我希望能够即时编辑引用打印机的网页部分（在下面的网页中）；通过同一个网页。换句话说，任何人都应该能够从页面本身编辑此页面，而无需任何 HTML 或服务器端技术知识。

编辑的更改将永久保留在网页（或某些服务器端文本文件中），直到进行下一次编辑/页面更改。更改将在服务器上的电源重新循环后继续存在。

换句话说，对于这个简单的网页，这里所需的功能类似于内容管理系统 (CMS)，尽管对于这一页面的这些小改动来说，CMS 会非常庞大​​且不必要。

当然，我只需要能够从页面本身编辑和更改文本“打印机”、“套接字 2”、“套接字 3”、“套接字 4”的出现。

所以，我想知道的是如何实现一个非常简单的CMS，只针对显示文本“打印机”、“套接字2”、“套接字3”、“套接字4”的页面部分。

谢谢

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>

<html>

  <head>
    <meta name='viewport' content='width=device-width'>
    <title></title>
    <style>a{color:blue}.content1{width: 20px; float:right;}.content2{width: 20px; float:left;}</style>
  </head>

<body>
  <center>

   <br/>

   <b><font size=+1 color='#CC33FF'>Sockets 4</font></b>

   <br/>

   <a href='?s4-all-on' target='x2'>All On</a>&nbsp;&nbsp;&nbsp;<a href='/?s4-all-off' target='x2'>All Off</a><br/>
   <a href='/?s4-1on' target='x2'>Printer On</a>&nbsp;&nbsp;&nbsp;<a href='/?s4-1off' target='x2'>Printer Off</a><br/>
   <a href='/?s4-2on' target='x2'>Socket 2 On</a>&nbsp;&nbsp;&nbsp;<a href='/?s4-2off' target='x2'>Socket 2 Off</a><br/>
   <a href='/?s4-3on' target='x2'>Socket 3 On</a>&nbsp;&nbsp;&nbsp;<a href='/?s4-3off' target='x2'>Socket 3 Off</a><br/>
   <a href='/?s4-4on' target='x2'>Socket 4 On</a>&nbsp;&nbsp;&nbsp;<a href='/?s4-4off' target='x2'>Socket 4 Off</a><br/><br/>

   <iframe name=x2 style='display:none'></iframe>

  </center>
</body>

</html>
4

1 回答 1

0

您可以使用 AJAX，或者，您已经完成了它，（简单地）在内部创建一个 iframe <body>...</body>，但是以这种方式：

<iframe id="myIFrame" src="#" style="display: none;" />

将 JavaScript 方法添加到您的头部或正文的开头：

<head>
...
<script type="text/javascript">
    function putIframe(param) {
        document.getElementById("myIFrame").src = "/?" + param;
        return true;
    }
</script>
</head>

然后添加 JavaScript onClick，例如：

<a onclick="javascript:putIframe('s4-all-on');">All On</a>

解释：

iframe 能够在网站内加载网站。这里的 iframe 是不可见的，所以一切都在后台运行。当您调用putIframe("s4-all-on")iframe 时会加载网站"/?s4-all-on"，因此您只需等待一秒钟（或更短时间）即可完成。

您也可以使用<a href="..." target="_blank" ...>...</a>在新选项卡中打开它。

于 2015-09-23T13:08:49.270 回答