Hướng dẫn how do you open a new page in javascript? - làm thế nào để bạn mở một trang mới trong javascript?

ví dụ 1

Mở "www.w3schools.com" trong tab Trình duyệt mới:

window.open ("https://www.w3schools.com");

Hãy tự mình thử »

Thêm ví dụ dưới đây.


Định nghĩa và cách sử dụng

Phương thức open() mở cửa sổ trình duyệt mới hoặc 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

window.open (url, tên, thông số kỹ thuật, thay thế)

Thông số

Tham sốSự mô tả
URLTùy chọn. URL của trang để mở. Nếu không có URL nào được chỉ định, một cửa sổ/tab trống mới được mở
The URL of the page to open.
If no URL is specified, a new blank window/tab is opened
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ợ:
The target attribute or the name of the window.
The following values are supported:
Giá trịSự mô tả
URLTùy chọn. URL của trang để mở. Nếu không có URL nào được chỉ định, một cửa sổ/tab trống mới đượ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ợ:
Giá trị_trống
URL được tải vào một cửa sổ mới hoặc tab. Đây là mặc định_cha 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ợ:
Giá trị_trống
A comma-separated list of items, no whitespaces.
The following values are supported:
URL được tải vào một cửa sổ mới hoặc tab. Đây là mặc định_cha mẹ
URL được tải vào khung cha mẹ_bản thân
URL thay thế trang hiện tại_đứng đầu
URL thay thế bất kỳ bộ khung nào có thể được tảiTê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.A 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ợ:
FullScreen = 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. Một cửa sổ ở chế độ toàn màn hình cũng phải ở chế độ nhà hát. Tức là chỉ
Chiều cao = pixelChiều cao của cửa sổ. Tối thiểu. Giá trị là 100
trái = pixelVị trí bên trái của cửa sổ. Giá trị âm không được phép
Vị trí = Có | Không | 1 | 0Có hay không hiển thị trường địa chỉ. Chỉ opera
Menubar = Có | Không | 1 | 0Có hay không hiển thị thanh menu hay không
có thể thay đổi lại = Có | Không | 1 | 0Có hay không cửa sổ có thể thay đổi được hay không. Tức là chỉ
ScrollBars = Có | Không | 1 | 0Có hay không hiển thị thanh cuộn. Tức là chỉ có Firefox & Opera
trạng thái = có | không | 1 | 0

Có hay không thêm thanh trạng thái

TitleBar = Có | Không | 1 | 0
  • 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
  • thanh công cụ = có | không | 1 | 0

Có hay không hiển thị thanh công cụ trình duyệt. IE và Firefox chỉ

Top = pixel

Vị trí trên cùng của cửa sổ. Giá trị âm không được phép

chiều rộng = pixel

Chiều rộng của cửa sổ. Tối thiểu. Giá trị là 100



thay thế

Phản đối

Chỉ định xem URL có tạo ra mục nhập mới hay thay thế mục nhập hiện tại trong danh sách lịch sử. Các giá trị sau được hỗ trợ:

Hãy tự mình thử »

Đú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ử
myWindow.document.write("

This is 'MsgWindow'. I am 200px wide and 100px tall!

");

Hãy tự mình thử »

Cảnh báo

Chrome ném một ngoại lệ khi sử dụng tham số này.
myWindow.document.write("

I replaced the current window.

");

Hãy tự mình thử »

Nguồn: Lỗi số crom 1164959.

Giá trị trả về

Hãy tự mình thử »

Tham chiếu đến cửa sổ mới hoặc null nếu cuộc gọi không thành công.

Nhiều ví dụ hơn
  myWindow = window.open("", "myWindow", "width=200,height=100");   // Opens a new window
}

Mở trang về: trống trong một cửa sổ/tab mới:
  myWindow.close();   // Closes the new window
}

Hãy tự mình thử »

var mywindow = window.open ("", "", "width = 200, height = 100");

Mở một cửa sổ mới có tên là "MsgWindow" và viết một số văn bản vào đó:
myWindow.document.write("

This window's name is: " + myWindow.name + "

");

Hãy tự mình thử »

var mywindow = window.open ("", "msgwindow", "width = 200, height = 100"); MyWindow.Document.Write ("Đây là 'Msgwindow'. Tôi rộng 200px và cao 100px!");

Thay thế cửa sổ hiện tại bằng một cửa sổ mới:
myWindow.document.write("

This is 'myWindow'

");   // Text in the new window
myWindow.opener.document.write("

This is the source window!

");  // Text in the window that created the new window

Hãy tự mình thử »


var mywindow = window.open (""

Mở một cửa sổ mới và kiểm soát ngoại hình của nó:

window.open ("https://www.w3schools.com", "_blank", "thanh công cụ = Có, ScrollBars = Có, Resizable = Có, Top = 500, Left = 500, Width = 400, Chiều cao = 400") ;Mở một cửa sổ mới. Sử dụng Close () để đóng cửa sổ mới: hàm openWin () {& nbsp; myWindow = window.open ("", "mywindow", "width = 200, height = 100"); & nbsp; & nbsp; & nbsp; // mở một cửa sổ mới}chức năng CloseWin () {& nbsp; myWindow.close (); & nbsp; & nbsp; & nbsp; // đóng cửa sổ mới}Mở một cửa sổ mới. Sử dụng thuộc tính tên để trả về tên của cửa sổ mới: var mywindow = window.open ("", "msgwindow", "width = 200, height = 100"); MyWindow.Document.Write ("Tên cửa sổ này là:" + myWindow.name + "");
Sử dụng thuộc tính mở để trả về tham chiếu đến cửa sổ đã tạo cửa sổ mới:Sử dụng thuộc tính mở để trả về tham chiếu đến cửa sổ đã tạo cửa sổ mới:Sử dụng thuộc tính mở để trả về tham chiếu đến cửa sổ đã tạo cửa sổ mới:Sử dụng thuộc tính mở để trả về tham chiếu đến cửa sổ đã tạo cửa sổ mới:Sử dụng thuộc tính mở để trả về tham chiếu đến cửa sổ đã tạo cửa sổ mới:Sử dụng thuộc tính mở để trả về tham chiếu đến cửa sổ đã tạo cửa sổ mới:

Làm cách nào để mở một trang mới?

Phương pháp nhanh nhất để mở một tab mới trong tất cả các trình duyệt là nhấn vào kết hợp phím phím tắt Ctrl + t (người dùng PC) hoặc người dùng lệnh + t (người dùng MAC).Ctrl + T (PC users) or Command + T (Mac users).

Làm cách nào để mở một trang mới trong HTML?

_Blank - Mở tài liệu trong một cửa sổ hoặc tab mới._Parent - Mở tài liệu trong khung cha._TOP - Mở tài liệu trong toàn bộ phần thân cửa sổ.. _parent - Opens the document in the parent frame. _top - Opens the document in the full body of the window.

Cú pháp JavaScript chính xác để mở một cửa sổ mới là gì?

Phương thức Open () mở cửa sổ trình duyệt mới hoặc 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ố.open() method opens a new browser window, or a new tab, depending on your browser settings and the parameter values.

Làm cách nào để mở một trang mới trong CSS?

Chính thuộc tính này (Target = "_ Blank") khiến liên kết mở trong một tab mới.Mọi thứ trong thuộc tính kiểu (style = "...") là CSS.target="_blank") that causes the link to open in a new tab. Everything in the style attribute (style="...") is CSS.