Hướng dẫn how do you make a button in html open a new tab? - làm thế nào để bạn tạo một nút trong html mở một tab mới?

Vì vậy, đây là mã đơn giản để nút mở một liên kết nhất định

                

Nhưng nó mở nó trên cùng một trang, tôi muốn liên kết mở trên một tab mới.

Hỏi ngày 4 tháng 12 năm 2015 lúc 6:12Dec 4, 2015 at 6:12

Hướng dẫn how do you make a button in html open a new tab? - làm thế nào để bạn tạo một nút trong html mở một tab mới?

0

Bạn có thể sử dụng những điều sau đây.

window.open(
  'https://google.com',
  '_blank' // <- This is what makes it open in a new window.
);

trong HTML

 

plunkr

Hướng dẫn how do you make a button in html open a new tab? - làm thế nào để bạn tạo một nút trong html mở một tab mới?

Đánh dấu

6.6851 Huy hiệu vàng32 Huy hiệu bạc 50 Huy hiệu Đồng1 gold badge32 silver badges50 bronze badges

Đã trả lời ngày 4 tháng 12 năm 2015 lúc 6:14Dec 4, 2015 at 6:14

Hướng dẫn how do you make a button in html open a new tab? - làm thế nào để bạn tạo một nút trong html mở một tab mới?

nggloverngLover

4.3593 Huy hiệu vàng19 Huy hiệu bạc41 Huy hiệu đồng3 gold badges19 silver badges41 bronze badges

1

Với bootstrap, bạn có thể sử dụng một neo như một nút.

Google

Và sử dụng

window.open(
  'https://google.com',
  '_blank' // <- This is what makes it open in a new window.
);
5 để mở liên kết trong một tab mới.

Đã trả lời ngày 3 tháng 10 năm 2017 lúc 10:39Oct 3, 2017 at 10:39

Hướng dẫn how do you make a button in html open a new tab? - làm thế nào để bạn tạo một nút trong html mở một tab mới?

EstevaoluisestevaoluisEstevaoLuis

2.2907 Huy hiệu vàng33 Huy hiệu bạc39 Huy hiệu Đồng7 gold badges33 silver badges39 bronze badges

2

Bạn cũng có thể thêm điều này vào biểu mẫu của bạn:

Daniel Kaplan

60.2K46 Huy hiệu vàng220 Huy hiệu bạc335 Huy hiệu Đồng46 gold badges220 silver badges335 bronze badges

Đã trả lời ngày 22 tháng 8 năm 2018 lúc 19:54Aug 22, 2018 at 19:54

Pavel Chernikovpavel ChernikovPavel Chernikov

2.0971 Huy hiệu vàng19 Huy hiệu bạc35 Huy hiệu đồng1 gold badge19 silver badges35 bronze badges

Thử sử dụng mã dưới đây:


Ở đây,

window.open(
  'https://google.com',
  '_blank' // <- This is what makes it open in a new window.
);
6 với
window.open(
  'https://google.com',
  '_blank' // <- This is what makes it open in a new window.
);
7 là đối số thứ hai của hàm
window.open(
  'https://google.com',
  '_blank' // <- This is what makes it open in a new window.
);
6 sẽ mở liên kết trong tab mới.
window.open(
  'https://google.com',
  '_blank' // <- This is what makes it open in a new window.
);
6
with
window.open(
  'https://google.com',
  '_blank' // <- This is what makes it open in a new window.
);
7
as second argument of
window.open(
  'https://google.com',
  '_blank' // <- This is what makes it open in a new window.
);
6
function will open the link in new tab.

Và bằng cách sử dụng

window.open(
  'https://google.com',
  '_blank' // <- This is what makes it open in a new window.
);
9, chúng tôi có thể xóa/hủy hành vi mặc định của nút như gửi.
window.open(
  'https://google.com',
  '_blank' // <- This is what makes it open in a new window.
);
9
we can remove/cancel the default behavior of the button like submit.

Để biết thêm chi tiết và ví dụ trực tiếp, bấm vào đâyclick here

Đã trả lời ngày 3 tháng 8 năm 2018 lúc 7:55Aug 3, 2018 at 7:55

Hướng dẫn how do you make a button in html open a new tab? - làm thế nào để bạn tạo một nút trong html mở một tab mới?

Ashish Rajashish RajAshish Raj

4789 Huy hiệu bạc22 Huy hiệu Đồng9 silver badges22 bronze badges

Để mở một tab mới bằng một nút, bạn chỉ cần chọn bất kỳ tùy chọn nào trong số này:

  • Mở liên kết trong một tab mới HMTL:
The Website Linked
  • Nút mở liên kết trong tab mới:

  • Mở tab mới khi nhấp vào liên kết HTML:
________số 8

Đã trả lời ngày 22 tháng 7 năm 2021 lúc 1:01Jul 22, 2021 at 1:01

Hướng dẫn how do you make a button in html open a new tab? - làm thế nào để bạn tạo một nút trong html mở một tab mới?

Dùng chỗ trống'. Nó sẽ không chỉ mở liên kết trong một tab mới mà trạng thái của trang web gốc cũng sẽ không bị ảnh hưởng.

Đã trả lời ngày 4 tháng 12 năm 2015 lúc 6:22Dec 4, 2015 at 6:22

Thử cái này

window.open(urlValue, "_system", "location=yes");

Đã trả lời ngày 4 tháng 12 năm 2015 lúc 6:18Dec 4, 2015 at 6:18

KrishnarajkrishnarajKrishnaraj

1361 Huy hiệu bạc8 Huy hiệu đồng1 silver badge8 bronze badges

Hãy thử mã này.

window.open(
  'https://google.com',
  '_blank' // <- This is what makes it open in a new window.
);
0

Đã trả lời ngày 26 tháng 9 năm 2018 lúc 6:18Sep 26, 2018 at 6:18

Nếu bạn đang ở Pug:

window.open(
  'https://google.com',
  '_blank' // <- This is what makes it open in a new window.
);
1

Và nếu bạn là UI Semantic 'Semantic:

window.open(
  'https://google.com',
  '_blank' // <- This is what makes it open in a new window.
);
2

Đã trả lời ngày 20 tháng 4 năm 2020 lúc 16:12Apr 20, 2020 at 16:12

Hướng dẫn how do you make a button in html open a new tab? - làm thế nào để bạn tạo một nút trong html mở một tab mới?

Điều này làm việc cho tôi.

window.open(
  'https://google.com',
  '_blank' // <- This is what makes it open in a new window.
);
3

Hướng dẫn how do you make a button in html open a new tab? - làm thế nào để bạn tạo một nút trong html mở một tab mới?

Pang

9.264146 Huy hiệu vàng85 Huy hiệu bạc120 Huy hiệu đồng146 gold badges85 silver badges120 bronze badges

Đã trả lời ngày 25 tháng 12 năm 2020 lúc 8:06Dec 25, 2020 at 8:06

Hướng dẫn how do you make a button in html open a new tab? - làm thế nào để bạn tạo một nút trong html mở một tab mới?

Cuối cùng của nút biểu mẫu có thể được thêm như thế này bằng Target = "_ Blank"target="_blank"

window.open(
  'https://google.com',
  '_blank' // <- This is what makes it open in a new window.
);
4

Đã trả lời ngày 7 tháng 3 lúc 6:50Mar 7 at 6:50

Hướng dẫn how do you make a button in html open a new tab? - làm thế nào để bạn tạo một nút trong html mở một tab mới?