有没有办法链接到外部网页上的特定段落?

时间:2016-09-01 14:05:19

标签: javascript html css scroll

我想我的问题可以简化为"如何指示浏览器转到特定的html标签或某个网页上的一组字词?#/ p>

我不希望通过超链接完成,而是通过脚本或其他东西。将远程网页放在我页面上的iframe中是可以接受的



var myIframe = document.getElementById('iframe');
myIframe.onload = function(){
    myIframe.contentWindow.scrollTo(100,100);
};

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Sandbox</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<style type="text/css" media="screen">
body { background-color: #000; font: 16px Helvetica, Arial; color: #fff; }
</style>
</head>
<body>
<iframe id="iframe" src="http://tinyurl.com/"  style='height: 300px; width: 300px;'  ></iframe>
</body>
</html>
&#13;
&#13;
&#13;

我需要的是关于如何将iframe中的焦点滚动或移动到我需要的段落的建议。以上是我唯一能想到的东西,但它似乎对我不起作用

2 个答案:

答案 0 :(得分:0)

除非网站提供了您可以链接的锚点,否则这是不可能的。

同源策略阻止您使用JavaScript操作第三方文档。

答案 1 :(得分:0)

嗯,我猜一种方法是使用注释服务,这是一个例子: http://marker.to/CVonrw

您可以将其嵌入iframe中,也可以只在新页面中打开链接(这就是我将如何使用它)

该服务为您的页面添加了一个div,这里是如何准确链接到页面底部的该突出显示 http://marker.to/CVonrw#textmarker_1