1
我有一个请求:Javascript按钮打开新标签页中的链接
我有一个应用程序,它可以将书籍链接到亚马逊书上的链接。我一次会粘贴50-100个isbns,我必须点击每个链接才能查看关于Amazon及其繁重的书籍。
有人可以帮助我实现一个按钮,它打开窗口中新选项卡中的所有isbn链接?如果我能有一个人帮助我获得了一个按钮,只用1次点击它会拯救我的手做这个=)
这里是的jsfiddle代码:https://jsfiddle.net/ks51zch8/
<html>
<head>
</head>
<div><b>ISBN Hyperlinker</b></div>
<textarea id=numbers placeholder="paste isbn numbers as csv here" style="width:100%" rows="8" >
</textarea>
<div><b>Hyperlinked text:</b></div>
<div id="output" style="white-space: pre"></div>
<script>
//the input box.
var input = document.getElementById('numbers');
var output = document.getElementById('output')
var base =
'https://www.amazon.com/s/ref=nb_sb_noss?url=search-alias%3Daps&field-keywords='
//adding an event listener for change on the input box
input.addEventListener('input', handler, false);
//function that runs when the change event is emitted
function handler() {
var items = input.value.split(/\b((?:[a-z0-9A-Z]\s*?){10,13})\b/gm);
// Build DOM for output
var container = document.createElement('span');
items.map(function (item, index) {
if (index % 2) { // it is the part that matches the split regex:
var link = document.createElement('a');
link.textContent = item.trim();
link.setAttribute('target', '_blank');
link.setAttribute('href', base + item);
container.appendChild(link);
} else { // it is the text next to the matches
container.appendChild(document.createTextNode(item))
}
});
// Replace output
output.innerHTML = '';
output.appendChild(container);
}
handler(); // run on load
</script>
</html>
上帝,我爱你!你是最棒的! :) –