Question

我想为当地足球队建立一个网站，但我不确定如何在http://wnl.org.uk/tables.htm上显示网站上的排名表。

我可以创建一个iframe，但它会拉入整个页面，我只需要其中一个表格。我也想让它响应并运用我自己的风格来与我的主题保持一致。

这只是一个业余联赛所以它不能通过opta或类似的东西提供，所以我不确定什么是最好的方法。

任何人都可以提供帮助 - 这个问题更多的是我如何做某事而不是这就是我所拥有的。我不确定如何实现它。

Answer 1

如果要从中获取数据的页面位于服务器内，则可以使用jQuery .load()函数，如下所示:(此方法没有iframe）

<div id="target-div">
</div>

而不是使用此代码：

$('#target-div').load('./tables.htm #main');

当此方法执行时，它会检索ajax / test.html的内容，但随后jQuery会解析返回的文档以查找ID为container的元素。此元素及其内容将插入到ID为target-id的元素中，并且将丢弃检索到的文档的其余部分。

.load() jQuery文档

但只有当这个站点在你的服务器内时才能这样做，因为它使用AJAX获取内容。

希望这有帮助。

另一种方式

如果您想使用iframe执行此操作，可以使用一些css-tricks来仅显示所需页面的部分。

<div style="border: 2px solid #D5CC5A; overflow: hidden; margin: 15px auto; max-width: 575px;">
    <iframe scrolling="no" src="http://wnl.org.uk/tables.htm" style="border: 0px none; margin-left: -36px; height: 812px; margin-top: -486px; width: 650px;">
    </iframe>
</div>

来源：http://www.dimpost.com/2012/12/iframe-how-to-display-specific-part-of.html

这样做的缺点是你需要手动测试iframe边距的不同值和div的宽度，直到得到你想要的结果。

使用PHP的最短路径

1）创建一个文件＆＃34; tables.htm＆＃34;把它留空。

2）创建一个文件＆＃34; test.php＆＃34; （确保它们位于同一文件夹中）。

3）添加以下代码行：

<?php
    $contents = file_get_contents("http://wnl.org.uk/tables.htm");
    $file = fopen("tables.htm", "w") or die ("Unable to open file");
    fwrite($file, $contents);
    fclose($file);
    echo "Successful";
?>

4）在浏览器中运行此文件。这会将该网站中文件的内容写入文件＆＃34; tables.htm＆＃34;在您的服务器中。

5）现在写入文件使用我上面提到的.load()函数访问其数据。

<div id="target-div">
</div>
<script>
    $('#target-div').load('tables.htm #main');
</script>

6）如果你有选择＆＃34; Cron Jobs＆＃34;在您的主机中，使用它来制作脚本＆＃34; test.php＆＃34;在特定时间运行，无需您在浏览器中手动运行它。

这是你可以做到的最好的方法，最好的部分是你也可以改变元素的风格。

使用iFrame嵌入

1 个答案: