[英]Javascript Bookmarklet - Opening Multiple Links on a Page
我想制作一个书签,以便在继续使用Digg时可以单击它,并在新选项卡中打开前10个故事。
页面上的HTML如下所示:
<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-list”并打开每个javascript?
我更喜欢使用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"));
}
)
告诉我进展如何
解决方案是这样的:我创建了一个Java语言for语句,该语句遍历topten-list div,并选择了所有名为“ a”的标签。
最终的书签是这样的:
javascript:for(i=0;i<=18;i=i+2){window.open(document.getElementById('topten-list').getElementsByTagName('a')[i]);}
-
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.