Hướng dẫn how do you open a new window with javascript? - làm thế nào để bạn mở một cửa sổ mới với 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ả lại

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 cửa sổ mới với mã?

Câu trả lời ngắn gọn là: Chỉ cần thêm thuộc tính Target = "_ Blank" vào các liên kết của bạn (thẻ neo). Bây giờ khi khách truy cập của bạn nhấp vào liên kết đó, nó sẽ mở trong một cửa sổ hoặc tab mới (tùy thuộc vào trình duyệt web mà họ đang sử dụng và cách họ cấu hình trình duyệt đó).add a target="_blank" attribute to your links (anchor tags). Now when your visitors click that link, it will open in a new window or tab (depending on which web browser they are using and how they configured that browser).

Làm cách nào để mở một trang web bằng JavaScript?

Nếu bạn muốn mở URL bằng javascript, phương thức giao diện cửa sổ mở () là tùy chọn tốt nhất.Cửa sổ JavaScript.Phương thức Open () Mở một cửa sổ trình duyệt mới.Sử dụng _blank trong tham số thứ hai của cửa sổ.the open() method of Window interface is the best option. The JavaScript window. open() method opens a new browser window. Use _blank in the second parameter of window.

Làm thế nào để bạn thêm một trang mới trong JavaScript?

Cách tiếp cận: Chúng ta có thể sử dụng thuộc tính Window.location bên trong thẻ tập lệnh để tải mạnh mẽ một trang khác trong JavaScript.Nó là một tham chiếu đến một đối tượng vị trí là nó đại diện cho vị trí hiện tại của tài liệu.Chúng ta có thể thay đổi URL của cửa sổ bằng cách truy cập nó.use window. location property inside the script tag to forcefully load another page in Javascript. It is a reference to a Location object that is it represents the current location of the document. We can change the URL of a window by accessing it.

Máy mở cửa sổ JavaScript là gì?

người mở.Thuộc tính mở của giao diện cửa sổ trả về một tham chiếu đến cửa sổ mở cửa sổ, bằng Open () hoặc bằng cách điều hướng liên kết với thuộc tính đích.Nói cách khác, nếu cửa sổ A mở cửa sổ B, B. Mở trả về a.The Window interface's opener property returns a reference to the window that opened the window, either with open() , or by navigating a link with a target attribute. In other words, if window A opens window B , B. opener returns A .