Đầu tiên, tôi đã thực hiện một số thay đổi nhỏ trong mã ban đầu, bây giờ nó mở cửa sổ mới theo tỷ lệ màn hình người dùng một cách hoàn hảo [đối với máy tính để bàn nằm ngang]
nhưng, tôi muốn khuyên bạn nên sử dụng đoạn mã sau để mở liên kết trong tab mới nếu bạn sử dụng thiết bị di động [nhờ câu trả lời của zvona trong câu hỏi khác]
Các siêu liên kết được sử dụng để chuyển từ trang này sang trang khác. Theo mặc định, siêu kết nối thường mở trong cùng một trang. Nhưng có thể mở các siêu liên kết trong một cửa sổ riêng
Mở các liên kết bên ngoài trong tab hoặc cửa sổ mới sẽ khiến mọi người rời khỏi trang web của bạn. Bằng cách này, bạn ngăn khách truy cập quay lại trang web của mình. Hãy nhớ rằng khách truy cập có thể tự mở tab mới và khó chịu khi liên kết mở trong tab hoặc cửa sổ mới mà không có sự đồng ý của họ. Đó là lý do tại sao nên tránh mở liên kết trong tab hoặc cửa sổ mới. Tuy nhiên, có thể có những tình huống cụ thể khi điều này là cần thiết và trong đoạn mã này, chúng tôi sẽ trình bày cách thực hiện
Như bạn đã biết, trong HTML thẻ được sử dụng với thuộc tính href để tạo siêu liên kết
Khi cần báo cho trình duyệt biết nơi mở tài liệu, thuộc tính đích được sử dụng
Thuộc tính đích xác định nơi tài liệu được liên kết sẽ mở khi liên kết được nhấp vào. Nó mở cửa sổ hiện tại theo mặc định. Để mở một liên kết trong một cửa sổ mới, bạn cần thêm thuộc tính target="_blank" vào liên kết neo của mình, như sau
Title of the document
Hyperlink Example
This hyperlink will open in a new tab.
Trong ví dụ đã cho, khi khách truy cập nhấp vào siêu liên kết, nó sẽ mở ra trong một cửa sổ hoặc tab mới
Có một cách khác để mở siêu liên kết trong tab mới bằng cách sử dụng cửa sổ JavaScript. chức năng mở với thuộc tính sự kiện title như thế này
title="window.open['URL']"
Title of the document
Hyperlink Example with JavaScript
Visit our website
W3docs
Hãy xem thêm một ví dụ, bên cạnh thuộc tính target, chúng ta còn thêm thuộc tính rel với giá trị “noopener noreferrer”. Thuộc tính rel không bắt buộc, nhưng nó được khuyên dùng như một biện pháp bảo mật
Phương pháp open[] mở một cửa sổ trình duyệt mới hoặc một tab mới, tùy thuộc vào cài đặt trình duyệt của bạn và các giá trị tham số
cú pháp
cửa sổ. open[URL, tên, thông số kỹ thuật, thay thế]
Thông số
Tham sốDescriptionURLTùy chọn.URL của trang sẽ mở.
Nếu không có URL nào được chỉ định, một cửa sổ/tab trống mới sẽ được mởtênTùy chọn.
Thuộc tính đích hoặc tên của cửa sổ.
Các giá trị sau được hỗ trợ. ValueDescription_blankURL được tải vào một cửa sổ hoặc tab mới. Đây là default_parentURL được tải vào khung chính_selfURL thay thế trang hiện tại_topURL thay thế bất kỳ bộ khung nào có thể được tảitênTên của cửa sổ [không chỉ định tiêu đề của cửa sổ]thông số kỹ thuậtTùy chọn.
Danh sách các mục được phân tách bằng dấu phẩy, không có khoảng trắng.
Các giá trị sau được hỗ trợ. toàn màn hình = có. không. 1. 0Có hay không hiển thị trình duyệt ở chế độ toàn màn hình. Mặc định là không. Cửa sổ ở chế độ toàn màn hình cũng phải ở chế độ rạp hát. IE onlyheight=pixelsChiều cao của cửa sổ. tối thiểu. giá trị là 100left=pixelVị trí bên trái của cửa sổ. Giá trị âm không được phéplocation=yes. không. 1. 0Có hay không hiển thị trường địa chỉ. Opera onlymenubar=có. không. 1. Có hay không hiển thị thanh menu resizeable=yes. không. 1. Cửa sổ có thể thay đổi kích thước hay không. IE onlyscrollbars=yes. không. 1. Có hiển thị thanh cuộn hay không. IE, Firefox và Opera chỉ trạng thái = có. không. 1. Có hay không thêm thanh trạng thái title bar=yes. không. 1. Có hay không hiển thị thanh tiêu đề. Bị bỏ qua trừ khi ứng dụng gọi là Ứng dụng HTML hoặc hộp thoại đáng tin cậy. không. 1. Có hay không hiển thị thanh công cụ của trình duyệt. IE và Firefox onlytop=pixelVị trí trên cùng của cửa sổ. Giá trị âm không được phépwidth=pixelsChiều rộng của cửa sổ. tối thiểu. giá trị là 100replace
không dùng nữa
Chỉ định liệu URL có tạo một mục mới hay thay thế mục hiện tại trong danh sách lịch sử. Các giá trị sau được hỗ trợ- đúng - URL thay thế tài liệu hiện tại trong danh sách lịch sử
- sai - URL tạo một mục mới trong danh sách lịch sử
Cảnh báo
Chrome đưa ra một ngoại lệ khi sử dụng tham số này
Nguồn. Lỗi Chromium Sự cố 1164959
Giá trị trả về
Tham chiếu đến cửa sổ mới hoặc null nếu cuộc gọi không thành côngThêm ví dụ
mở một giới thiệu. trang trống trong một cửa sổ/tab mới
var myWindow = cửa sổ. mở ["", "", "chiều rộng = 200, chiều cao = 100"];
Tự mình thử »Mở một cửa sổ mới có tên "MsgWindow" và viết một số văn bản vào đó
var myWindow = cửa sổ. open["", "MsgWindow", "width=200,height=100"];
myWindow. tài liệu. ghi["
Đây là 'MsgWindow'. Tôi rộng 200px và cao 100px
"];Tự mình thử »Thay thế cửa sổ hiện tại bằng một cửa sổ mới
var myWindow = cửa sổ. open["", "_self"];
myWindow. tài liệu. ghi["
Tôi đã thay thế cửa sổ hiện tại
"];Tự mình thử »Mở một cửa sổ mới và kiểm soát sự xuất hiện của nó
cửa sổ. mở ["https. //www. w3schools. com", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400"];