将excel表插入HTML文件

时间:2016-05-26 12:09:04

标签: javascript html excel

我正在尝试创建一组网页。每个人都有一张桌子(比如说)。此网页的用户也需要进行搜索等操作。在表中。但他也希望该表位于excel表中,而不是在网页内定义,以便他可以随时添加行或列或编辑现有数据。

我使用Save As-> Web Page-> Publish将excel文件转换为HTML页面。现在我尝试将该HTML文件的源代码包含到我的网页HTML中,以便我可以使用getElementByTagName(“table”)直接访问该表。

为此,我尝试了几种在网上搜索的方法。

第一种方式

<div w3-include-html="animals.html"></div>

第二种方式

<script> 
    $(function(){
        $('#header').load("animals.html"); 
    });
</script>

第三种方式

<!--#include file="animals.html" -->

第四种方式

<iframe> tag

这些似乎都不起作用。另外请记住我无法更改animals.html的源代码,因为我从excel中获取它而不是通过键入它。我是javascript和HTML的新手,所以如果我有一些明显缺失的方法请帮助我。如果没有HTML文件告诉我其他方式我可以将表从Excel导入我的HTML代码,所以我可以对它进行一些操作。

我不了解JQuery,PHP,ASP,SQL等。

1 个答案:

答案 0 :(得分:0)

只需在您的HTML页面上触发一个AJAX请求,并将AJAX的响应放在像<div>这样的容器中。

$.get('animals.html', function(response ){
    // put response at some div,
    $('div').html(response);
});

也不要忘记在<head>中添加:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>