Mở URL trong cửa sổ mới bằng JavaScript

129

Tôi đang tạo một "nút chia sẻ" để chia sẻ trang hiện tại. Tôi muốn lấy URL trang hiện tại và mở nó trong một cửa sổ mới. Tôi có phần URL hiện tại hoạt động, nhưng dường như không thể làm cho phần tiếp theo hoạt động.

Tôi đang vật lộn với cú pháp. Tôi muốn chỉ định kích thước cửa sổ mới để width=520, height=570.

Cái gì đó như:

<a target="_blank"
   href="https://www.linkedin.com/cws/share?mini=true&amp;url=[sub]" 
   onclick="this.href = this.href.replace('[sub]',window.location)">
    LinkedIn
</a>

Có ý kiến gì không?

javascript new-window

— Đánh dấu
nguồn

có thể trùng lặp Javascript - Mở một URL đã cho trong một tab mới bằng cách nhấp vào nút

— Luke Alderton

Câu trả lời:

216

Sử dụng window.open():

<a onclick="window.open(document.URL, '_blank', 'location=yes,height=570,width=520,scrollbars=yes,status=yes');">
  Share Page
</a>

Điều này sẽ tạo ra một liên kết có tiêu đề Share Pagemở url hiện tại trong một cửa sổ mới với chiều cao là 570 và chiều rộng là 520.

— cam quýt
nguồn

Làm cách nào để đặt chiều cao và chiều rộng của cửa sổ thành 0, nếu tôi đặt thành 0, nó sẽ hiển thị toàn màn hình

— Akshatha Srinivas 11/07/18

Làm thế nào để chúng ta mở nó như một cửa sổ bình thường chứ không phải cửa sổ bật lên? bởi vì không thể mở tab mới

— Ashok kumar Ganesan

@AkshathaSrinivas chiều cao tối thiểu là 100

— Oscar Acevedo

Chỉ sử dụng window.open()chức năng? Tham số thứ ba cho phép bạn chỉ định kích thước cửa sổ.

Thí dụ

var strWindowFeatures = "location=yes,height=570,width=520,scrollbars=yes,status=yes";
var URL = "https://www.linkedin.com/cws/share?mini=true&amp;url=" + location.href;
var win = window.open(URL, "_blank", strWindowFeatures);

— Shiplu Mokaddim
nguồn

shiplu.mokadd.im Đó dường như là những gì tôi cần nhưng tôi không chắc nó đi đâu.

— Đánh dấu

@MarkMitchell Nếu bạn không quan tâm đến các tiêu chuẩn mã hóa - vào onclickthuộc tính. Một tùy chọn tốt hơn một chút là tạo một chức năng mà bạn gọi từ onclick. Sử dụng getElementByIdvà addEventListenervẫn sạch hơn. Sử dụng jQuery để có được cú pháp ngắn hơn (và một số tính năng khác + tấn plugin) cũng rất phổ biến.

— John Dvorak

Làm thế nào là tham số thứ 4? Có vẻ như thứ 3 đối với tôi. Tui bỏ lỡ điều gì vậy?

— CoderDennis

@CoderDennis Bắt đẹp. Đã sửa nó.

— Shiplu Mokaddim

xin chào làm thế nào tôi có thể kích hoạt sự kiện đóng cửa sổ?

— Dilakshan Sooriyanathan

Đừng nhầm lẫn, nếu bạn sẽ không cung cấp bất kỳ strWindowFeatures nào thì nó sẽ mở trong một tab mới.

window.open('https://play.google.com/store/apps/details?id=com.drishya');

— Ankit Kumar Rajpoot
nguồn