如果你看一下这个页面,底部有很多空白。
我希望在该页面上使用类似Greasemonkey的脚本,该脚本利用一些空白空间并在那里加载另一个页面(使用类似iFrame的东西)。
- 我想加载到iFrame类型的东西中的URL(在下三分之一)总是
View Amazon Product Page
所指向的 - 因此,我希望代码查看页面,并找到链接指向的位置
- 我希望iFrame类型的东西在下三分之一。(可以是下四分之一,下五分之一……我不是字面意思……!)
如果你能帮我集思广益,我将非常感激。
可选读数
它不是GreaseMonkey,但你可以假设它是
这是Fluid.app上的Greasekit(它很旧,但我只能使用它)。你可能根本不需要知道,因为它与Greasekit非常相似。所以,为了这个问题的目的,你可以假装它是
唯一的区别是你不必做这一点:
//==UserScript==
//@name _Displaying an iframe type thing in the lower third
//@include https://dl.dropboxusercontent.com/u/5546881/*
//@grant none
// ==/UserScript==
我试图回答
var findlink = document.getElementsByTagName('a');
for (var i = 0;i=“View Amazon Product Page” ; i++ ) {
link result = findlink.getAttribute('href')
}
$(document.body).append (
'<iframe src=+ link + >'
);
- 由于您有jQuery可用,请使用jQuery选择器来获取产品链接
- 然后添加iFrame,但给它一个id
- 使用CSS对其进行定位和调整大小
根据你链接的Dropbox页面的结构,代码看起来是这样的:
var prodLinks = $("td.product_description a:contains('View Amazon Product Page')");
if (prodLinks.length) {
var iframeSrc = prodLinks[0].href;
$("body").append ('<iframe id="gmIframe" src="' + iframeSrc + '"></iframe>');
$("#gmIframe").css ( {
"position": "absolute",
"bottom": "1em",
"left": "2em",
"height": "30%",
"width": "94%",
"z-index": "17",
"background": "#00FF00"
} );
}
警告:
只有在至少满足以下条件之一的情况下,这才会起作用:
- iframe是同一个域
- iframed网站并不禁止跨来源框架。(www.amazon.co.uk禁止此类取景。)
- 您使用的浏览器不遵守跨原点限制。Firefox尊重它,我不知道Fluid是否尊重它