我试图在新选项卡中打开一个URL,而不是弹出窗口.我已经看到相关的问题,其中的回答看起来像:
window.open(url,'_blank');
window.open(url);
但是它们都没有为我工作,浏览器仍然试图打开一个弹出窗口.
我有一个数据表,每个单元格都是一个链接.我想允许用户单击表格单元格中的任意位置并让它们按照链接进行操作.有时表格单元格不止一行,但并非总是如此.我使用td a {display:block}来获取覆盖大部分单元格的链接.当一行中有一个单元格是两行而其他单元格只有一行时,一个单元格不会填充表格行的整个垂直空间.这是示例HTML,您可以在这里看到它http://www.jsfiddle.net/RXHuE/:
<head>
<style type="text/css">
td {width: 200px}
td a {display: block; height:100%; width:100%;}
td a:hover {background-color: yellow;}
</style>
<title></title>
</head>
<body>
<table>
<tbody>
<tr>
<td>
<a href="http://www.google.com/">Cell 1<br>
second line</a>
</td>
<td>
<a href="http://www.google.com/">Cell 2</a>
</td>
<td>
<a href="http://www.google.com/">Cell 3</a>
</td>
<td>
<a href="http://www.google.com/">Cell 4</a>
</td>
</tr>
</tbody>
</table>
</body>
我有一个来自 Material UI 的图标，我希望它可以点击并打开一个新窗口到 www.linkedin.com
我应该使用 href="Linkedin.com" 吗？或添加 onClick ？我希望它也打开一个新标签/窗口
我试图做到这一点，当用户单击我的标签时，它会打开一个带有指定 URL 的新选项卡。它目前无法正常工作。任何想法我做错了什么或需要在我的方法中做什么？
rerouteToGoogle= () => {
return <Link to="google.com" />
}
<MediaQuery query="(min-width: 550px)">
<div style={styles.alignText}>
<Label color='green' basic onClick={this.rerouteToGoogle} >CSV</Label>
</div>
</MediaQuery>