Hướng dẫn how to link html page in javascript - cách liên kết trang html trong javascript

Tôi muốn liên kết đến một tệp HTML từ chức năng JavaScript khi nhấp vào. Vì vậy, tôi đã sử dụng chức năng sau.

 onClick: function () {
                document.link("about.html");
               }

Nhưng điều này không hoạt động. Vì vậy, làm thế nào tôi có thể thêm liên kết bên trong hàm onclick. Ai giúp tôi với.

hỏi ngày 19 tháng 6 năm 2018 lúc 10:00Jun 19, 2018 at 10:00

5

Thông thường tôi sử dụng mã này:

Dù sao bạn cũng có thể thử:

onClick: function () {
                location.href("about.html");
               }

Đã trả lời ngày 19 tháng 6 năm 2018 lúc 10:05Jun 19, 2018 at 10:05

Bạn có thể sử dụng thuộc tính onclick của phần tử nút trong HTML sẽ kích hoạt hàm khi nhấn nút.

click me

Trong tệp javascript của bạn, sau đó bạn có thể tạo hàm myfunc () sẽ được gọi và thực thi ngay sau đó.

function myFunc() {
    window.location = "otherpage.html";
}

Theo W3C, an toàn hơn cho khả năng tương thích trình duyệt chéo để sử dụng window.location thay vì tài liệu.location.

Đã trả lời ngày 19 tháng 6 năm 2018 lúc 10:11Jun 19, 2018 at 10:11

0xbbadbeef0xbbadbeef0xbbadbeef

241 Huy hiệu bạc3 Huy hiệu đồng1 silver badge3 bronze badges

onclick:function(){
 window.navigate('your_url');
}

Đã trả lời ngày 19 tháng 6 năm 2018 lúc 10:06Jun 19, 2018 at 10:06

ShadabshadabShadab

151 huy hiệu bạc6 Huy hiệu đồng1 silver badge6 bronze badges

1

Thử cái này:-

 

    function openUrl() {
              window.open("about.html");
    //or
    //window.location.href= "about.html";
        }

Đã trả lời ngày 19 tháng 6 năm 2018 lúc 10:13Jun 19, 2018 at 10:13

MahimahiMahi

3.5523 Huy hiệu vàng32 Huy hiệu bạc65 Huy hiệu Đồng3 gold badges32 silver badges65 bronze badges

Một liên kết cục bộ (một liên kết đến một trang trong cùng một trang web) được chỉ định với một URL tương đối (không có phần "https: // www"):

Thí dụ

URLSW3C tuyệt đối Google Google

Một liên kết được truy cập được gạch chân và màu tím

Hãy tự mình thử »

Một liên kết hoạt động được gạch chân và màu đỏ

Mẹo: Các liên kết tất nhiên có thể được tạo kiểu với CSS, để có được cái nhìn khác!

Liên kết HTML - Thuộc tính đích

Theo mặc định, trang được liên kết sẽ được hiển thị trong cửa sổ trình duyệt hiện tại. Để thay đổi điều này, bạn phải chỉ định một mục tiêu khác cho liên kết. The external script file cannot contain the

Thuộc tính

Hỗ trợ trình duyệt

Cú pháp

Giá trị thuộc tính

❮ Thẻ HTML

Liên kết được tìm thấy trong gần như tất cả các trang web. Liên kết cho phép người dùng nhấp vào cách của họ từ trang này sang trang khác.

Liên kết HTML - Siêu liên kết

Liên kết HTML là các siêu liên kết.

Bạn có thể nhấp vào một liên kết và chuyển sang một tài liệu khác.

Khi bạn di chuyển chuột qua một liên kết, mũi tên chuột sẽ biến thành một tay nhỏ.

Lưu ý: Một liên kết không phải là văn bản. Một liên kết có thể là một hình ảnh hoặc bất kỳ phần tử HTML nào khác! A link does not have to be text. A link can be an image or any other HTML element!

Liên kết HTML - Cú pháp

Thẻ HTML

văn bản liên kết

Thuộc tính quan trọng nhất của phần tử

Văn bản liên kết là phần sẽ hiển thị cho người đọc.

Nhấp vào văn bản liên kết, sẽ gửi người đọc đến địa chỉ URL được chỉ định.

Thí dụ

Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:

Truy cập w3schools.com!

Hãy tự mình thử »

Theo mặc định, các liên kết sẽ xuất hiện như sau trong tất cả các trình duyệt:

• Một liên kết không được đánh giá cao và màu xanh lam
• Một liên kết được truy cập được gạch chân và màu tím
• Một liên kết hoạt động được gạch chân và màu đỏ

Mẹo: Các liên kết tất nhiên có thể được tạo kiểu với CSS, để có được cái nhìn khác! Links can of course be styled with CSS, to get another look!

Liên kết HTML - Thuộc tính đích

Theo mặc định, trang được liên kết sẽ được hiển thị trong cửa sổ trình duyệt hiện tại. Để thay đổi điều này, bạn phải chỉ định một mục tiêu khác cho liên kết.

Thuộc tính

Thuộc tính

• 7 - Mặc định. Mở tài liệu trong cùng một cửa sổ/tab khi được nhấp vào

• 8 - Mở tài liệu trong một cửa sổ hoặc tab mới

• 9 - Mở tài liệu trong khung cha mẹ

• onClick: function () {
                  location.href("about.html");
                 }
  

  0 - Mở tài liệu trong toàn bộ phần thân cửa sổ

Thí dụ

Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:

Truy cập w3schools.com!

Hãy tự mình thử »

Theo mặc định, các liên kết sẽ xuất hiện như sau trong tất cả các trình duyệt:

Một liên kết không được đánh giá cao và màu xanh lamabsolute URL (a full web address) in the

onClick: function () {
                location.href("about.html");
               }

Một liên kết được truy cập được gạch chân và màu tímrelative URL (without the "https://www" part):

Thí dụ

Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:

W3C

Google

Truy cập w3schools.com!

HTML Images

CSS Tutorial

Hãy tự mình thử »

Theo mặc định, các liên kết sẽ xuất hiện như sau trong tất cả các trình duyệt:

Một liên kết không được đánh giá cao và màu xanh lam

Thí dụ

Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:

Hãy tự mình thử »

Theo mặc định, các liên kết sẽ xuất hiện như sau trong tất cả các trình duyệt:

Một liên kết không được đánh giá cao và màu xanh lam

Một liên kết được truy cập được gạch chân và màu tím

Một liên kết hoạt động được gạch chân và màu đỏ

Mẹo: Các liên kết tất nhiên có thể được tạo kiểu với CSS, để có được cái nhìn khác!

Thí dụ

Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:

Hãy tự mình thử »

Theo mặc định, các liên kết sẽ xuất hiện như sau trong tất cả các trình duyệt:

Một liên kết không được đánh giá cao và màu xanh lam

Thí dụ

Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:

Hãy tự mình thử »

Theo mặc định, các liên kết sẽ xuất hiện như sau trong tất cả các trình duyệt:

Thí dụ

Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:

Truy cập w3schools.com!

Hãy tự mình thử »

Thí dụ

Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:

Truy cập w3schools.com!

Hãy tự mình thử »

Thí dụ

Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:

Truy cập w3schools.com!

Hãy tự mình thử »

Theo mặc định, các liên kết sẽ xuất hiện như sau trong tất cả các trình duyệt:

Một liên kết không được đánh giá cao và màu xanh lam

• Một liên kết được truy cập được gạch chân và màu tím
• Một liên kết hoạt động được gạch chân và màu đỏ
• Mẹo: Các liên kết tất nhiên có thể được tạo kiểu với CSS, để có được cái nhìn khác!
• Liên kết HTML - Thuộc tính đích
• Theo mặc định, trang được liên kết sẽ được hiển thị trong cửa sổ trình duyệt hiện tại. Để thay đổi điều này, bạn phải chỉ định một mục tiêu khác cho liên kết.

Thuộc tính 5 chỉ định nơi mở tài liệu được liên kết.

Hãy tự mình thử »

Làm thế nào để bạn liên kết các trang trong javascript?

Làm cách nào để liên kết HTML và JavaScript?

Để liên kết một tệp JavaScript với tài liệu HTML, hãy sử dụng thẻ.Bạn cũng có thể sử dụng thẻ này để nhúng mã JavaScript trong tài liệu HTML.use the

programming javascript HTML link tag JavaScript link JavaScript HTML Href=javascript

Reply 1 0 Chia sẻ