Tìm hiểu cách tùy chỉnh cửa sổ mới
JavaScript là một cách hữu ích để mở một liên kết trong cửa sổ mới vì bạn kiểm soát cách cửa sổ sẽ trông và vị trí sẽ được đặt trên màn hình bằng cách bao gồm các thông số kỹ thuật.
Cú pháp cho phương thức Open () của cửa sổ JavaScript
Để mở URL trong cửa sổ trình duyệt mới, hãy sử dụng phương thức Javascript open () như được hiển thị ở đây:
window.open ( URL, tên, thông số, thay thế )và tùy chỉnh từng tham số.
Ví dụ, mã dưới đây sẽ mở ra một cửa sổ mới và xác định sự xuất hiện của nó bằng cách sử dụng các tham số.
window.open ("https://www.somewebsite.com", "_blank", "thanh công cụ = có, trên = 500, bên trái = 500, chiều rộng = 400, chiều cao = 400");Tham số URL
Nhập URL của trang bạn muốn mở trong cửa sổ mới. Nếu bạn không chỉ định một URL, một cửa sổ trống mới sẽ mở ra.
Thông số tên
Thông số tên đặt mục tiêu cho URL. Việc mở URL trong cửa sổ mới là mặc định và được chỉ ra theo cách này:
- _chỗ trống. Mở một cửa sổ mới cho URL.
Các tùy chọn khác bạn có thể sử dụng bao gồm:
- _self. Thay thế trang hiện tại bằng URL.
- _cha mẹ. Tải URL vào khung chính.
- _hàng đầu. Thay thế bất kỳ bộ khung nào được tải.
Thông số kỹ thuật
Tham số specs là nơi bạn tùy chỉnh cửa sổ mới bằng cách nhập danh sách được phân cách bằng dấu phẩy không có khoảng trắng. Chọn từ các giá trị sau.
- height = pixel. Đặc điểm kỹ thuật này thiết lập chiều cao của cửa sổ mới tính bằng pixel . Giá trị tối thiểu có thể được nhập là 100.
- width = pixel. Điều này đặt chiều rộng của cửa sổ mới tính bằng pixel. Giá trị tối thiểu là 100.
- left = pixel. Thông số này đặt vị trí bên trái của cửa sổ mới. Không thể nhập giá trị âm.
- top = pixel. Điều này đặt vị trí trên cùng của cửa sổ mới. Không thể sử dụng các giá trị âm.
- menubar = có | không | 1 | 0. Sử dụng thông số này để cho biết có hiển thị thanh trình đơn hay không.
- status = yes | no | 1 | 0. Điều này cho biết có hay không thêm thanh trạng thái.
Một số thông số kỹ thuật cụ thể cho từng trình duyệt:
- location = yes | no | 1 | 0. Thông số này cho biết có hiển thị trường địa chỉ hay không. Chỉ dành cho trình duyệt Opera.
- resizeable = yes | no | 1 | 0. Xác định xem cửa sổ có thể được thay đổi kích cỡ hay không. Chỉ sử dụng với IE.
- location = yes | no | 1 | 0. Cho biết có hay không hiển thị thanh cuộn. Chỉ tương thích với IE, Firefox và Opera.
- toolbar = yes | no | 1 | 0. Xác định có hay không hiển thị thanh công cụ của trình duyệt. Chỉ tương thích với IE và Firefox.
Thay thế
Tham số tùy chọn này chỉ có một mục đích — để chỉ định liệu URL mở trong cửa sổ mới có thay thế mục nhập hiện tại trong danh sách lịch sử trình duyệt hay xuất hiện dưới dạng mục nhập mới hay không.
- Khi đúng , URL sẽ thay thế mục nhập trình duyệt hiện tại trong danh sách lịch sử
- Khi sai , URL được liệt kê dưới dạng mục nhập mới trong danh sách lịch sử trình duyệt.