在某些情况下,我喜欢用 jquery 在新窗口中打开链接。我想知道如何在修改每个链接的宽度和高度的同时保留所有链接的通用代码?
(宽度/高度是单击链接时打开的窗口的宽度/高度)。
我正在考虑使用自定义数据属性(例如:数据窗口宽度和数据窗口高度)。
我已经开始了,但不确定如何处理宽度和高度变量。
HTML:
<a href="SOME_LINK_HERE" class="linkSocial"
data-window-width="700" data-window-height="400">link text</a>
JAVASCRIPT:
//Open social links in new window
$('body').on('click', 'a.linkSocial', function() {
var width = 'width' + $(this).data('window-width');
var height = 'height' + $(this).data('window-height');
//Not sure what to do next with width and height!
newwindow=window.open($(this).attr('href'),'','height=400,width=770');
if (window.focus) {newwindow.focus()}
return false;
});