Hướng dẫn javascript open new html page - javascript mở trang html mới

1

Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.

Tôi có tệp chính.html này có một nút loại "nút". Nó có hàm tạo [] xử lý sự kiện title.

Tôi cũng có một thử nghiệm trang khác.html trong cùng một thư mục với main.html.

Những gì tôi muốn:

  1. Ngay khi tôi nhấp vào nút, Test.html sẽ mở
  2. Tạo [] Viết một số HTML trên đó, như "Hello World"

Tôi không hiểu làm thế nào để làm điều đó. Tôi đã đọc về window.open [] nhưng tôi đoán đây chỉ là một bật lên và tôi muốn một trang chính thức.

Hỏi ngày 31 tháng 12 năm 2016 lúc 18:53Dec 31, 2016 at 18:53

2

Trong main.html:

trong test.html

function create[] {
  // Write something in the page
}

  

Đã trả lời ngày 31 tháng 12 năm 2016 lúc 19:03Dec 31, 2016 at 19:03

ROGEROGERoge

941 Huy hiệu bạc7 Huy hiệu đồng1 silver badge7 bronze badges

function create[]
{
    window.location = 'test.html';
}

Đây là điểm khởi đầu của bạn. Sau đó, bạn cần thêm một số PHP hoặc JS vào tệp Test.html của bạn.

Phương pháp 1: PHP

Ví dụ: bạn có thể nhận được một tin nhắn từ URL, rằng bạn sẽ viết.

Tệp chính: function created [] {window.location = 'test.php? P = Hello%World'; } Tệp kiểm tra:

Phương pháp 2: JS

Bạn cũng có thể viết chức năng JS trong tệp thử nghiệm của mình, được gọi ngay khi trang được tải.

Tập tin chính:

function create[] // Create function on 1st page
{
  window.location = 'test.html';
}

Tệp kiểm tra:


  
    function message[]
    {
      document.getElementById['container'].innerHTML = 'Hello world';
    }
  



  

Hy vọng nó sẽ giúp.

Đã trả lời ngày 31 tháng 12 năm 2016 lúc 19:03Dec 31, 2016 at 19:03

2

Đúng

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

Để mở một tab mới, chúng ta phải sử dụng _blank trong tham số thứ hai của phương thức window.open []. Giá trị trả về của cửa sổ. Open [] là một tham chiếu đến cửa sổ mới được tạo hoặc tab hoặc null nếu nó thất bại.

Hãy tự mình thử »

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ổ.

Làm cách nào để thay đổi trang HTML bằng JavaScript?

Sử dụng cửa sổ ..

Sao chép cửa sổ. Mở [URL, Windowname, WindowFeatures] ;.

Sao chép hàm OpenGoogleByMethod [] {Window. Mở ["//www.google.com"]; }.

Sao chép cửa sổ. vị trí = url_path; cửa sổ. địa điểm. ....Sao chép hàm OpenGoogle [] {Window. vị trí = "//www.google.com"; cửa sổ..
Làm cách nào để hiển thị một trang HTML khác trong một div?Để tải HTML bên ngoài vào A, hãy quấn mã của bạn bên trong hàm Tải []. Để tải một trang trong div trong jQuery, hãy sử dụng phương thức load [].
The URL of the page to open.
If no URL is specified, a new blank window/tab is opened
ví dụ 1Mở "www.w3schools.com" trong tab Trình duyệt mới:
The target attribute or the name of the window.
The following values are supported:
window.open ["//www.w3schools.com"];Sao chép hàm OpenGoogle [] {Window. vị trí = "//www.google.com"; cửa sổ..
Làm cách nào để hiển thị một trang HTML khác trong một div?Để tải HTML bên ngoài vào A, hãy quấn mã của bạn bên trong hàm Tải []. Để tải một trang trong div trong jQuery, hãy sử dụng phương thức load [].
ví dụ 1Mở "www.w3schools.com" trong tab Trình duyệt mới:
window.open ["//www.w3schools.com"];Thêm ví dụ dưới đây.
Định nghĩa và cách sử dụngPhươ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ố.
ví dụ 1Mở "www.w3schools.com" trong tab Trình duyệt mới:
window.open ["//www.w3schools.com"];Thêm ví dụ dưới đây.
A comma-separated list of items, no whitespaces.
The following values are supported:
Định nghĩa và cách sử dụngPhươ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ảURL
Tù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ên
Tù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ốngURL đượ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ânURL thay thế trang hiện tại
_đứng đầuCó hay không hiển thị thanh công cụ trình duyệt. IE và Firefox chỉ
Top = pixelVị trí trên cùng của cửa sổ. Giá trị âm không được phép
chiều rộng = pixelChiề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ợ:
  • Đú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 ném một ngoại lệ khi sử dụng tham số này.

Nguồn: Lỗi số crom 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ông.

Nhiều ví dụ hơn

Mở trang về: trống trong một cửa sổ/tab mới:

var mywindow = window.open ["", "", "width = 200, height = 100"];

Hãy tự mình thử »

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 đó:

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

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

"];

Hãy tự mình thử »

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 đó:

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

I replaced the current window.

"];

Hãy tự mình thử »

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 đó:

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

Hãy tự mình thử »

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 đó:

var mywindow = window.open ["", "msgwindow", "width = 200, height = 100"]; MyWindow.Document.Write ["Đây là 'Msgwindow'. Tôi rộng 200px và cao 100px!"];
  myWindow = window.open["", "myWindow", "width=200,height=100"];   // Opens a new window
}

Thay thế cửa sổ hiện tại bằng một cửa sổ mới:
  myWindow.close[];   // Closes the new window
}

Hãy tự mình thử »

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 đó:

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

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

"];

Hãy tự mình thử »

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 đó:

var mywindow = window.open ["", "msgwindow", "width = 200, height = 100"]; MyWindow.Document.Write ["Đây là 'Msgwindow'. Tôi rộng 200px và cao 100px!"];
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ử »

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 đó:

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: 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 ["//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}chức năng CloseWin [] {& nbsp; myWindow.close []; & nbsp; & nbsp; & nbsp; // đóng cửa sổ mới}chức năng CloseWin [] {& nbsp; myWindow.close []; & nbsp; & nbsp; & nbsp; // đóng cửa sổ mới}chức năng CloseWin [] {& nbsp; myWindow.close []; & nbsp; & nbsp; & nbsp; // đóng cửa sổ mới}chức năng CloseWin [] {& nbsp; myWindow.close []; & nbsp; & nbsp; & nbsp; // đóng cửa sổ mới}chức năng CloseWin [] {& nbsp; myWindow.close []; & nbsp; & nbsp; & nbsp; // đóng cửa sổ mới}

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

Để mở một tab mới, chúng ta phải sử dụng _blank trong tham số thứ hai của phương thức window.open [].Giá trị trả về của cửa sổ.Open [] là một tham chiếu đến cửa sổ mới được tạo hoặc tab hoặc null nếu nó thất bại.use _blank in the second parameter of the window. open[] method. The return value of window. open[] is a reference to the newly created window or tab or null if it failed.

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.

Làm cách nào để thay đổi trang HTML bằng JavaScript?

Sử dụng cửa sổ ...
Sao chép cửa sổ.Mở [URL, Windowname, WindowFeatures] ;.
Sao chép hàm OpenGoogleByMethod [] {Window.Mở ["//www.google.com"];}.
Sao chép cửa sổ.vị trí = url_path;cửa sổ.địa điểm.....
Sao chép hàm OpenGoogle [] {Window.vị trí = "//www.google.com";cửa sổ..

Làm cách nào để hiển thị một trang HTML khác trong một div?

Để tải HTML bên ngoài vào A, hãy quấn mã của bạn bên trong hàm Tải [].Để tải một trang trong div trong jQuery, hãy sử dụng phương thức load [].wrap your code inside the load[] function. To load a page in div in jQuery, use the load[] method.

Bài Viết Liên Quan

Chủ Đề