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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/html/231714.html

猜你在找的HTML相关文章