Javascript Bookmarklet-打开页面上的多个链接
我想制作一个书签,这样当我继续Digg时,我只需点击它,就可以在新的标签页中打开前10个故事 页面上的HTML如下所示:Javascript Bookmarklet-打开页面上的多个链接,javascript,bookmarklet,Javascript,Bookmarklet,我想制作一个书签,这样当我继续Digg时,我只需点击它,就可以在新的标签页中打开前10个故事 页面上的HTML如下所示: <div id="topten-list"> <div class="news-summary img-thumb"> <h3> <a href="/comics_animation/Pokemon_COMIC">Pokemon - (COMIC) <span>
<div id="topten-list">
<div class="news-summary img-thumb">
<h3>
<a href="/comics_animation/Pokemon_COMIC">Pokemon - (COMIC)
<span>
<em style="background-image: url("/comics_animation/Pokemon_COMIC/a.png");">
thumb</em>
</span></a>
</h3>
<ul class="news-digg">
<li class="digg-count">
<a href="/comics_animation/Pokemon_COMIC">
<strong>1872</strong>
</a>
</li>
</ul>
</div>
<div class="news-summary img-thumb">
<h3>
<a href="/comedy/I_am_never_drinking_with_you_assholes_again_Pic">
I am never drinking with you assholes again [Pic]
<span>
<em style="background-image: url("/comedy/I_am_never_drinking_with_you_assholes_again_Pic/a.png");">
thumb</em>
</span></a>
</h3>
<ul class="news-digg">
<li class="digg-count">
<a href="/comedy/I_am_never_drinking_with_you_assholes_again_Pic">
<strong>1650</strong>
</a>
</li>
</ul>
</div>
<div class="news-summary news-thumb">
<h3>
<a href="/comedy/xkcd_Hell">xkcd: Hell
<span>
<em style="background-image: url("/comedy/xkcd_Hell/a.png");">
thumb</em>
</span></a>
</h3>
<ul class="news-digg">
<li class="digg-count">
<a href="/comedy/xkcd_Hell">
<strong>1407</strong>
</a>
</li>
</ul>
</div>
<div class="news-summary news-thumb">
<h3>
<a href="/arts_culture/6_Ridiculous_History_Myths_You_Probably_Think_Are_True">
6 Ridiculous History Myths (You Probably Think Are True)
<span>
<em style="background-image: url("/arts_culture/6_Ridiculous_History_Myths_You_Probably_Think_Are_True/a.jpg");">
thumb</em>
</span></a>
</h3>
<ul class="news-digg">
<li class="digg-count">
<a href="/arts_culture/6_Ridiculous_History_Myths_You_Probably_Think_Are_True">
<strong>1216</strong>
</a>
</li>
</ul>
</div>
<div class="news-summary news-thumb">
<h3>
<a href="/people/Why_Every_Chick_Flick_Is_Starting_to_Look_The_Same_CHART">
Why Every Chick Flick Is Starting to Look The Same [CHART]
<span>
<em style="background-image: url("/people/Why_Every_Chick_Flick_Is_Starting_to_Look_The_Same_CHART/a.jpg");">
thumb</em>
</span></a>
</h3>
<ul class="news-digg">
<li class="digg-count">
<a href="/people/Why_Every_Chick_Flick_Is_Starting_to_Look_The_Same_CHART">
<strong>978</strong>
</a>
</li>
</ul>
</div>
<div class="news-summary img-thumb">
<h3>
<a href="/food_drink/WTF_World_of_FAST_FOOD_Graphic">WTF
World of FAST FOOD! [Graphic]
<span>
<em style="background-image: url("/food_drink/WTF_World_of_FAST_FOOD_Graphic/a.jpg");">
thumb</em>
</span></a>
</h3>
<ul class="news-digg">
<li class="digg-count">
<a href="/food_drink/WTF_World_of_FAST_FOOD_Graphic">
<strong>874</strong>
</a>
</li>
</ul>
</div>
<div class="news-summary news-thumb">
<h3>
<a href="/people/10_Things_You_Don_t_Know_About_My_Life_As_a_Dominatrix">
10 Things You Don't Know About My Life As a Dominatrix
<span>
<em style="background-image: url("/people/10_Things_You_Don_t_Know_About_My_Life_As_a_Dominatrix/a.jpg");">
thumb</em>
</span></a>
</h3>
<ul class="news-digg">
<li class="digg-count">
<a href="/people/10_Things_You_Don_t_Know_About_My_Life_As_a_Dominatrix">
<strong>751</strong>
</a>
</li>
</ul>
</div>
<div class="news-summary img-thumb">
<h3>
<a href="/odd_stuff/Star_Trek_Transporter_Mishap_pic">Star
Trek Transporter Mishap (pic)
<span>
<em>thumb</em>
</span></a>
</h3>
<ul class="news-digg">
<li class="digg-count">
<a href="/odd_stuff/Star_Trek_Transporter_Mishap_pic">
<strong>667</strong>
</a>
</li>
</ul>
</div>
<div class="news-summary vid-thumb">
<h3>
<a href="/pc_games/StarCraft_2_Beta_Breakup_Video">StarCraft
2 Beta Breakup (Video)
<span>
<em style="background-image: url("/pc_games/StarCraft_2_Beta_Breakup_Video/a.jpg");">
thumb</em>
</span></a>
</h3>
<ul class="news-digg">
<li class="digg-count">
<a href="/pc_games/StarCraft_2_Beta_Breakup_Video">
<strong>627</strong>
</a>
</li>
</ul>
</div>
<div class="news-summary news-thumb">
<h3>
<a href="/politics/Jon_Stewart_FL_Doc_Won_t_Touch_Yr_Penis_If_You_Voted_Obama">
Jon Stewart: FL Doc Won't Touch Yr Penis If You Voted
Obama
<span>
<em style="background-image: url("/politics/Jon_Stewart_FL_Doc_Won_t_Touch_Yr_Penis_If_You_Voted_Obama/a.jpg");">
thumb</em>
</span></a>
</h3>
<ul class="news-digg">
<li class="digg-count">
<a href="/politics/Jon_Stewart_FL_Doc_Won_t_Touch_Yr_Penis_If_You_Voted_Obama">
<strong>508</strong>
</a>
</li>
</ul>
</div>
</div>
-
-
-
-
-
-
-
-
-
-
因此,在“新闻摘要”类的每个div中,都有一个链接。如何让javascript浏览div“topten列表”并打开每个列表?我更喜欢使用jQuery 但若要在外部站点上应用它,请尝试以下操作(提示我从上一个线程复制粘贴) 我建议创建一个包含两个iFrame的页面,一个用于导航到指定网站,另一个用于获取DOM对象。 在第一个窗口中,导航到该站点,然后选择其HTML和 将其附加到第二个Iframe的主体中
iframe2.contentWindow.document.body.innerHTML = iframe1.contentWindow.document.body.innerHTML
然后在第二个iframe中,您将加载jquery脚本,并可以运行此代码
$("news-summary img-thumb").find("news-digg").find("a").each(
function()
{
window.open(window.location + $(this).attr("href"));
}
)
告诉我它是如何进行的解决方案是这样的:我创建了一个Javascript for语句,该语句循环通过前十名列表div,并选择了所有名为“a”的标记 最后一个bookmarklet是:
javascript:for(i=0;i<=18;i=i+2){window.open(document.getElementById('topten-list').getElementsByTagName('a')[i]);}
javascript:for(i=0;我也很想在jQuery中运行它,但我不确定您将如何让bookmarklet运行jQuery或让它将jQuery添加到站点。很抱歉,但我不知道如何将其放入bookmarklet表单。代码在那里,但运行它是一个问题。哦,这就是您想要的。我修改了帖子。检查它。