微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html – 如何仅使用URL链接到页面中的特定文本行?

我很好奇是否有办法只使用URL将某人发送到给定页面的特定行. Citebite执行此操作,但它链接到缓存页面而不是实际的实时页面. http://citebite.com/

你也可以用PDF来做类似的事情,你给它一个指定的页面#:
链接到列出的pdf中的第6页.
http://mises.org/journals/scholar/long.pdf#page=6

我已经做了很多寻找,我发现的只是在HTML中嵌入链接,这不是我想要的.理想情况下,我希望能够只发送一个跳转到特定文本行/突出显示它的URL(就像Citebite一样,但不必使用Citebite).

解决方法

取决于情况:

1 – 你自己的内容

一个.只需添加一个href id,然后发送一个链接(http://exmaple.com/document.php#myLine)

湾对于更高级的解决方案,您可以滚动到特定区域并使用javascript突出显示它,基本上您可以调用以下内容
http://example.com/document.php?scrollX=100&scrollY=230

在你的PHP代码中你有一个这样的函数

<?PHP
if(isset($_GET['scrollX']) && isset($_GET['scrollY')){
    ?>
       <script type="text/javascript">
           window.scrollTo(<?= $_GET['scrollX'];?>,<?=$_GET['scrollY'];?>);
       </script>
    <?
}
?>

您还可以使用JQuery并执行更多花哨的操作,例如突出显示文本或根据参数更改CSS值

2 – 其他人的内容

如果没有浏览器扩展或外部服务(如CiteBite),您无法直接链接到特定的行或区域,但是有一些hackery,您可以构建自己的小服务,显示网站并在其上运行您自己的JS(想想iFrames或类似的东西) )

原文地址:https://www.jb51.cc/html/231714.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐