如何在单独的页面上更新单元格的innerHtml

时间:2014-11-05 20:21:24

标签: javascript innerhtml

我的网站上有一个页脚,列出了上次更新的日期。

<footer>
        <table class="foot">
            <tr>
                <th>Contact information:</th>
                <th>Date Last Updated:</th>
            </tr>
            <tr>
                <td>email address</td>
                <td>November 31, 2014</td>
            </tr>
        </table>
    </footer>   

如您所见,日期是硬编码的,每次更新网站时都必须更改。然而,该网站由15个不同的页面组成,每个页面都需要更新,因为页脚在每个页面上。

如果我只使用javascript更新主页上的信息,是否有办法更新所有页面上的日期。如果是这样的话?

谢谢

我想知道

4 个答案:

答案 0 :(得分:0)

更改主页上的日期可能不是最佳选择。

而是创建一个新的(可能是json甚至只是纯文本)文件来存储日期。然后在每个页面上阅读此文件并将内容放入页脚。

答案 1 :(得分:0)

如果文件是解决方案的一部分,则可以使用Visual Studio在整个解决方案中替换所有文件。如果您可以连接到数据库,则可以存储上次修改的日期,只需从您的页面调用它 - 然后您可以在更新内容时更新数据库字段。否则,您可以将其存储在单独的文件中并调用该日期。

简短的回答:可能不是,但还有其他方法让猫皮肤。

答案 2 :(得分:0)

创建一个文件&#34; global.js&#34;包括在每一页......

在global.js中:

window.onload = updateDate;

function updateDate() {
    displaydate = "November 31st, 1999";
    fd = document.getElementById('footerdate');
    fd.innerHTML = displaydate;
}

在每个页面上包含该文件:

<script type="text/javascript" src="global.js"></script>

将您的页脚更改为:

<footer>
    <table class="foot">
        <tr>
            <th>Contact information:</th>
            <th>Date Last Updated:</th>
        </tr>
        <tr>
            <td>email address</td>
            <td id="footerdate"></td>
        </tr>
    </table>
</footer>

然后你可以更新global.js中的日期,每次都会进入所有页面。

答案 3 :(得分:0)

将日期放在单独的html文件中,然后使用<iFrame>内的<td>显示该日期。