这在浏览器中可能吗?[JavaScript / HTML]
Is This Possible in a Browser? [JavaScript / HTML]
我有Javascript代码,可以使用超链接打开Amazon上图书的isbn号(请随意尝试,例如:0133098648)。我想在URL打开一个新的窗口与所有链接点击在同一窗口上的新选项卡。似乎只能在当前窗口的新选项卡中打开,或者每次打开一个新窗口。
我想做的是可能的吗?我一直在阅读,像这样的东西是受浏览器的安全原因限制;也许还有别的办法?我一直在绞尽脑汁想办法解决这个问题,如果我能的话,这会让我的生活更轻松。
用图片来描述我的问题:http://imgur.com/a/5lUP4
请使用JSfiddle示例:http://jsfiddle.net/mq1efed2(代码不能在Stackoveflow上工作)
<html>
<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.ca/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((?:'d'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.replace(/'D+/g, ''));
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>
不,这不可能。网页不能决定内容是在选项卡中打开还是在新窗口中打开。这是由用户/浏览器决定的。
您最多可以使用window.open()
打开一个新窗口,但这并不能让您稍后在特定窗口中控制选项卡。
相关文章:
- Javascript html每点击一次就会更改url
- 通过javascript/html访问twitter共享iframe
- 使用鼠标悬停JavaScript/HTML显示文本
- JavaScript-HTML表单到JSON(空值)和格式
- 使用javascript html实时预览文本区域输入
- 如何每秒从一个变量中提取一定次数的javascript/html
- 使用变量值作为'名称标识符'javascript/html
- JavaScript HTML Onclick
- 非侵入性Javascript HTML注入
- AppendChild Form / Table [Javascript/Html/PHP]
- 按钮don't使用onClick-Javascript HTML重定向
- 在库(javascript/HTML)中将“name”替换为“id”
- 如何确定使用 javascript/html 单击了哪个对象/图像
- 新的javascript HTML元素不遵循css规则
- JavaScript/HTML 错误的解决方案
- 从图像URL javascript html保存图像文件
- javascript html使用webstorage保存表单
- Javascript+HTML中的日期选择器准备好了吗?(需要:DD、MM、YY的单独字段加上日历选择器)
- 谷歌地图/融合表Javascript HTML赢得't显示/可视化所有多边形数据(通过色标)
- JavaScript/HTML命令行小部件