Html mở liên kết trong cửa sổ mới không có thanh địa chỉ

Phương thức

window.open("https://www.mozilla.org/", "mozillaTab");
1 của giao diện
window.open("https://www.mozilla.org/", "mozillaTab");
2 tải tài nguyên đã chỉ định vào ngữ cảnh duyệt web mới hoặc hiện có (nghĩa là tab, cửa sổ hoặc iframe) dưới một tên đã chỉ định

open()
open(url)
open(url, target)
open(url, target, windowFeatures)

window.open("https://www.mozilla.org/", "mozillaTab");
3 Tùy chọn

Một chuỗi cho biết URL hoặc đường dẫn của tài nguyên sẽ được tải. Nếu một chuỗi trống (

window.open("https://www.mozilla.org/", "mozillaTab");
4) được chỉ định hoặc tham số này bị bỏ qua, một trang trống sẽ được mở trong ngữ cảnh duyệt được nhắm mục tiêu

window.open("https://www.mozilla.org/", "mozillaTab");
5 Tùy chọn

Một chuỗi, không có khoảng trắng, chỉ định tên của ngữ cảnh duyệt mà tài nguyên đang được tải vào. Nếu tên không xác định ngữ cảnh hiện có, ngữ cảnh mới sẽ được tạo và đặt tên đã chỉ định. Đặc biệt ,

window.open("https://www.mozilla.org/", "mozillaTab");
7,
window.open("https://www.mozilla.org/", "mozillaTab");
8,
window.open("https://www.mozilla.org/", "mozillaTab");
9, và
window.open("https://www.mozilla.org/", "mozillaWindow", "popup");
0, cũng có thể được sử dụng

Tên này có thể được sử dụng làm thuộc tính

window.open("https://www.mozilla.org/", "mozillaTab");
5 của hoặc các phần tử

window.open("https://www.mozilla.org/", "mozillaWindow", "popup");
4 Tùy chọn

Một chuỗi chứa danh sách các tính năng cửa sổ được phân tách bằng dấu phẩy ở dạng

window.open("https://www.mozilla.org/", "mozillaWindow", "popup");
5 — hoặc đối với các tính năng boolean, chỉ cần
window.open("https://www.mozilla.org/", "mozillaWindow", "popup");
6. Các tính năng này bao gồm các tùy chọn như kích thước và vị trí mặc định của cửa sổ, có mở cửa sổ bật lên tối thiểu hay không, v.v. Các tùy chọn sau được hỗ trợ

window.open("https://www.mozilla.org/", "mozillaWindow", "popup");
7

Nếu tính năng này được bật, nó sẽ yêu cầu sử dụng một cửa sổ bật lên tối thiểu. Các tính năng giao diện người dùng có trong cửa sổ bật lên sẽ được trình duyệt tự động quyết định, thường chỉ bao gồm một thanh địa chỉ

Nếu

window.open("https://www.mozilla.org/", "mozillaWindow", "popup");
7 không được bật và không có tính năng cửa sổ nào được khai báo, ngữ cảnh duyệt web mới sẽ là một tab

Ghi chú. Chỉ định bất kỳ tính năng nào trong tham số

window.open("https://www.mozilla.org/", "mozillaWindow", "popup");
4, ngoài
window.open("https://www.mozilla.org/", "mozillaTab");
70 hoặc
window.open("https://www.mozilla.org/", "mozillaTab");
71, cũng có tác dụng yêu cầu cửa sổ bật lên

Để bật tính năng này, hãy chỉ định

window.open("https://www.mozilla.org/", "mozillaWindow", "popup");
7 hoàn toàn không có giá trị hoặc đặt thành
window.open("https://www.mozilla.org/", "mozillaTab");
73,
window.open("https://www.mozilla.org/", "mozillaTab");
74 hoặc
window.open("https://www.mozilla.org/", "mozillaTab");
75

Ví dụ.

window.open("https://www.mozilla.org/", "mozillaTab");
76,
window.open("https://www.mozilla.org/", "mozillaTab");
77,
window.open("https://www.mozilla.org/", "mozillaTab");
78 và
window.open("https://www.mozilla.org/", "mozillaWindow", "popup");
7 đều có kết quả giống hệt nhau

open()
open(url)
open(url, target)
open(url, target, windowFeatures)
70 hoặc
open()
open(url)
open(url, target)
open(url, target, windowFeatures)
71

Chỉ định chiều rộng của vùng nội dung, bao gồm thanh cuộn. Giá trị yêu cầu tối thiểu là 100

open()
open(url)
open(url, target)
open(url, target, windowFeatures)
72 hoặc
open()
open(url)
open(url, target)
open(url, target, windowFeatures)
73

Chỉ định chiều cao của khu vực nội dung, bao gồm thanh cuộn. Giá trị yêu cầu tối thiểu là 100

open()
open(url)
open(url, target)
open(url, target, windowFeatures)
74 hoặc
open()
open(url)
open(url, target)
open(url, target, windowFeatures)
75

Chỉ định khoảng cách tính bằng pixel từ phía bên trái của khu vực làm việc như được xác định bởi hệ điều hành của người dùng nơi cửa sổ mới sẽ được tạo

open()
open(url)
open(url, target)
open(url, target, windowFeatures)
76 hoặc
open()
open(url)
open(url, target)
open(url, target, windowFeatures)
77

Chỉ định khoảng cách tính bằng pixel từ phía trên cùng của khu vực làm việc như được xác định bởi hệ điều hành của người dùng nơi cửa sổ mới sẽ được tạo

window.open("https://www.mozilla.org/", "mozillaTab");
70

Nếu tính năng này được đặt, cửa sổ mới sẽ không có quyền truy cập vào cửa sổ ban đầu thông qua

open()
open(url)
open(url, target)
open(url, target, windowFeatures)
79 và trả về
window.open("https://www.mozilla.org/", "mozillaTab");
70

Khi sử dụng

window.open("https://www.mozilla.org/", "mozillaTab");
70, các tên mục tiêu không trống, ngoại trừ
window.open("https://www.mozilla.org/", "mozillaWindow", "popup");
0,
window.open("https://www.mozilla.org/", "mozillaTab");
7 và
window.open("https://www.mozilla.org/", "mozillaTab");
9, được xử lý như
window.open("https://www.mozilla.org/", "mozillaTab");
8 về mặt quyết định có mở ngữ cảnh duyệt web mới hay không

window.open("https://www.mozilla.org/", "mozillaTab");
71

Nếu tính năng này được đặt, trình duyệt sẽ bỏ qua tiêu đề

window.open("https://www.mozilla.org/", "mozillaTab");
77, cũng như đặt
window.open("https://www.mozilla.org/", "mozillaTab");
70 thành true. Xem
window.open("https://www.mozilla.org/", "mozillaTab");
79 để biết thêm thông tin

Ghi chú. Các giá trị vị trí được yêu cầu (

open()
open(url)
open(url, target)
open(url, target, windowFeatures)
76,
open()
open(url)
open(url, target)
open(url, target, windowFeatures)
74) và kích thước được yêu cầu (
open()
open(url)
open(url, target)
open(url, target, windowFeatures)
70,
open()
open(url)
open(url, target)
open(url, target, windowFeatures)
72) trong
window.open("https://www.mozilla.org/", "mozillaWindow", "popup");
4 sẽ được sửa nếu bất kỳ giá trị nào được yêu cầu như vậy không cho phép hiển thị toàn bộ cửa sổ bật lên của trình duyệt trong khu vực làm việc cho các ứng dụng của hệ điều hành của người dùng. Nói cách khác, ban đầu không có phần nào của cửa sổ bật lên mới có thể được định vị ngoài màn hình

Một đối tượng

window.open("https://www.mozilla.org/", "mozillaTab");
25. Tham chiếu được trả về có thể được sử dụng để truy cập các thuộc tính và phương thức của cửa sổ mới miễn là nó tuân thủ các yêu cầu bảo mật của chính sách cùng nguồn gốc

Phương thức

window.open("https://www.mozilla.org/", "mozillaTab");
1 của giao diện
window.open("https://www.mozilla.org/", "mozillaTab");
2 lấy một URL làm tham số và tải tài nguyên mà nó xác định vào một tab hoặc cửa sổ mới hoặc hiện có. Tham số
window.open("https://www.mozilla.org/", "mozillaTab");
5 xác định cửa sổ hoặc tab nào sẽ tải tài nguyên vào và tham số
window.open("https://www.mozilla.org/", "mozillaWindow", "popup");
4 có thể được sử dụng để kiểm soát việc mở một cửa sổ bật lên mới với các tính năng giao diện người dùng tối thiểu và kiểm soát kích thước cũng như vị trí của nó

Lưu ý rằng các URL từ xa sẽ không tải ngay lập tức. Khi

window.open("https://www.mozilla.org/", "mozillaTab");
70 trả về, cửa sổ luôn chứa
window.open("https://www.mozilla.org/", "mozillaTab");
71. Quá trình tìm nạp URL thực tế được hoãn lại và bắt đầu sau khi khối tập lệnh hiện tại kết thúc thực thi. Việc tạo cửa sổ và tải tài nguyên được tham chiếu được thực hiện không đồng bộ

window.open("https://www.mozilla.org/", "mozillaTab");

Ngoài ra, ví dụ sau minh họa cách mở cửa sổ bật lên, sử dụng tính năng

window.open("https://www.mozilla.org/", "mozillaWindow", "popup");
7

Cảnh báo. Các trình duyệt hiện đại có trình chặn cửa sổ bật lên tích hợp, ngăn việc mở các cửa sổ bật lên đó. Người dùng phải thay đổi cài đặt trình duyệt của họ để bật cửa sổ bật lên hoặc bật chúng trên cơ sở từng trang từ giao diện người dùng của trình duyệt (một thông báo có thể xuất hiện khi trang web cố gắng mở cửa sổ bật lên lần đầu tiên, cung cấp tùy chọn bật hoặc

window.open("https://www.mozilla.org/", "mozillaWindow", "popup");

Có thể kiểm soát kích thước và vị trí của cửa sổ bật lên mới

window.open("https://www.mozilla.org/", "mozillaTab");
7

Trong một số trường hợp, JavaScript bị tắt hoặc không khả dụng và

window.open("https://www.mozilla.org/", "mozillaTab");
70 sẽ không hoạt động. Thay vì chỉ dựa vào sự hiện diện của tính năng này, chúng tôi có thể cung cấp giải pháp thay thế để trang web hoặc ứng dụng vẫn hoạt động

Nếu hỗ trợ JavaScript bị tắt hoặc không tồn tại, thì tác nhân người dùng sẽ tạo một cửa sổ phụ tương ứng hoặc sẽ hiển thị tài nguyên được tham chiếu theo cách xử lý thuộc tính

window.open("https://www.mozilla.org/", "mozillaTab");
5 của nó. Mục tiêu và ý tưởng là cung cấp (chứ không áp đặt) cho người dùng cách mở tài nguyên được tham chiếu

HTML

open()
open(url)
open(url, target)
open(url, target, windowFeatures)
7

JavaScript

window.open("https://www.mozilla.org/", "mozillaTab");
7

Đoạn mã trên giải quyết một số vấn đề về khả năng sử dụng liên quan đến liên kết mở cửa sổ bật lên. Mục đích của

window.open("https://www.mozilla.org/", "mozillaTab");
75 trong mã là hủy bỏ hành động mặc định của liên kết. nếu trình xử lý sự kiện cho
window.open("https://www.mozilla.org/", "mozillaTab");
76 được thực thi, thì không cần thực hiện hành động mặc định của liên kết. Nhưng nếu hỗ trợ JavaScript bị tắt hoặc không tồn tại trên trình duyệt của người dùng, thì trình xử lý sự kiện cho
window.open("https://www.mozilla.org/", "mozillaTab");
76 sẽ bị bỏ qua và trình duyệt sẽ tải tài nguyên được tham chiếu trong khung hoặc cửa sổ đích có tên
window.open("https://www.mozilla.org/", "mozillaTab");
78. Nếu không có khung cũng như cửa sổ nào có tên là
window.open("https://www.mozilla.org/", "mozillaTab");
78 thì trình duyệt sẽ tạo một cửa sổ mới và đặt tên là
window.open("https://www.mozilla.org/", "mozillaTab");
78

Ghi chú. Để biết thêm chi tiết về thuộc tính

window.open("https://www.mozilla.org/", "mozillaTab");
5, xem hoặc

Sử dụng

window.open("https://www.mozilla.org/", "mozillaTab");
45 làm giá trị thuộc tính đích sẽ tạo ra một số cửa sổ mới và chưa được đặt tên trên màn hình của người dùng không thể tái chế hoặc sử dụng lại. Cố gắng cung cấp một tên có ý nghĩa cho thuộc tính
window.open("https://www.mozilla.org/", "mozillaTab");
5 của bạn và sử dụng lại thuộc tính
window.open("https://www.mozilla.org/", "mozillaTab");
5 đó trên trang của bạn để một cú nhấp chuột vào một liên kết khác có thể tải tài nguyên được tham chiếu trong một cửa sổ đã được tạo và hiển thị (do đó tăng tốc quá trình cho người dùng) và do đó biện minh cho . Việc sử dụng một giá trị thuộc tính
window.open("https://www.mozilla.org/", "mozillaTab");
5 duy nhất và sử dụng lại nó trong các liên kết sẽ thân thiện với tài nguyên người dùng hơn nhiều vì nó chỉ tạo một cửa sổ phụ duy nhất, cửa sổ này được sử dụng lại

Đây là một ví dụ nơi một cửa sổ phụ có thể được mở và sử dụng lại cho các liên kết khác

HTML

window.open("https://www.mozilla.org/", "mozillaTab");
2

JavaScript

window.open("https://www.mozilla.org/", "mozillaTab");
7

Nếu bối cảnh duyệt mới được mở không có cùng nguồn gốc, tập lệnh mở sẽ không thể tương tác (đọc hoặc viết) với nội dung của bối cảnh duyệt

window.open("https://www.mozilla.org/", "mozillaTab");
4

window.open("https://www.mozilla.org/", "mozillaTab");
1

Để biết thêm thông tin, hãy tham khảo bài viết Chính sách cùng nguồn gốc

Tốt hơn là tránh dùng đến

window.open("https://www.mozilla.org/", "mozillaTab");
70, vì một số lý do

  • Các trình duyệt hiện đại cung cấp tính năng chặn cửa sổ bật lên
  • Các trình duyệt hiện đại cung cấp tính năng duyệt tab và người dùng trình duyệt hỗ trợ tab thích mở tab mới hơn mở cửa sổ mới trong hầu hết các tình huống
  • Người dùng có thể sử dụng các tính năng hoặc tiện ích mở rộng tích hợp sẵn của trình duyệt để chọn mở một liên kết trong một cửa sổ mới, trong cùng một cửa sổ, trong một tab mới, cùng một tab hay trong nền. Buộc phần mở đầu diễn ra theo một cách cụ thể, sử dụng
    window.open("https://www.mozilla.org/", "mozillaTab");
    
    70, sẽ khiến họ bối rối và bỏ qua thói quen của họ
  • Cửa sổ bật lên không có thanh công cụ menu, trong khi các tab mới sử dụng giao diện người dùng của cửa sổ trình duyệt;

Tránh

window.open("https://www.mozilla.org/", "mozillaTab");
11 hoặc
window.open("https://www.mozilla.org/", "mozillaTab");
12

Các giá trị

window.open("https://www.mozilla.org/", "mozillaTab");
13 không có thật này gây ra hành vi không mong muốn khi sao chép/kéo liên kết, mở liên kết trong tab/cửa sổ mới, đánh dấu trang hoặc khi JavaScript đang tải, lỗi hoặc bị vô hiệu hóa. Chúng cũng truyền đạt ngữ nghĩa không chính xác cho các công nghệ hỗ trợ, như trình đọc màn hình

Nếu cần, hãy sử dụng phần tử

window.open("https://www.mozilla.org/", "mozillaTab");
14 để thay thế. Nói chung, bạn chỉ nên sử dụng liên kết để điều hướng đến một URL thực

Xác định các liên kết sẽ mở ra các cửa sổ mới theo cách giúp điều hướng cho người dùng

window.open("https://www.mozilla.org/", "mozillaTab");
0

Mục đích là để cảnh báo người dùng về những thay đổi ngữ cảnh để giảm thiểu sự nhầm lẫn từ phía người dùng. việc thay đổi cửa sổ hiện tại hoặc bật lên các cửa sổ mới có thể khiến người dùng mất phương hướng (trong trường hợp cửa sổ bật lên, không có thanh công cụ nào cung cấp nút "Trước" để quay lại cửa sổ trước đó)

Khi những thay đổi cực đoan trong bối cảnh được xác định rõ ràng trước khi chúng xảy ra, thì người dùng có thể xác định xem họ có muốn tiếp tục hay không hoặc để họ có thể chuẩn bị cho thay đổi. không những họ sẽ không bị nhầm lẫn hoặc cảm thấy mất phương hướng, mà những người dùng có kinh nghiệm hơn có thể quyết định tốt hơn cách mở các liên kết đó (trong một cửa sổ mới hay không, trong cùng một cửa sổ, trong một tab mới hay không, trong "nền" hay không)

Làm cách nào để xóa thanh địa chỉ khỏi cửa sổ bật lên trong HTML?

Bạn không thể xóa thanh địa chỉ trong các trình duyệt hiện đại . Đó là một biện pháp an ninh. Người dùng phải luôn biết họ đang ở trang nào. Thanh địa chỉ cũng cho người dùng biết, loại bảo mật nào trên trang đó (HTTP hoặc HTTPS).

Làm cách nào để ẩn URL trong thanh địa chỉ bằng HTML?

Không, bạn không thể. Hãy tưởng tượng giả mạo https. //ngân hàng của bạn. com/ thay vì http. //fakesite. com/. Cách duy nhất để xem một URL khác là ủy quyền phản hồi hoặc đặt nó vào một khung. Cách duy nhất để "ẩn" URL của bạn là sử dụng khung

Làm cách nào để tắt thanh địa chỉ trong trình duyệt bằng javascript?

cửa sổ. mở('/đăng nhập. html', 'winname', directory=0,titlebar=0,toolbar=0,location=0,status=0, menubar=0,scrollbars=no,resizable=no, width=

Làm cách nào để ẩn thanh địa chỉ trong cạnh bằng javascript?

Trình duyệt Edge không hỗ trợ ẩn thanh địa chỉ. Như một giải pháp thay thế, bạn có thể thử cài đặt trang web đó dưới dạng một ứng dụng. Để thêm trang web dưới dạng Ứng dụng, hãy đi tới Cài đặt và hơn thế nữa(ALT + F)-> Ứng dụng-> Cài đặt trang web này dưới dạng ứng dụng. Bây giờ nếu bạn khởi chạy ứng dụng, nó sẽ không hiển thị thanh địa chỉ