Hướng dẫn how to link button to javascript - cách liên kết nút với javascript

Chỉ tự hỏi nếu có một cách để có được một yếu tố HTML


3 để liên kết đến một vị trí mà không cần quấn nó trong thẻ

4?

Nút hiện trông giống như:


Điều tôi không muốn có:not to have:


Nút không được sử dụng trong một biểu mẫu nên


5 không phải là một tùy chọn. Tôi chỉ tò mò muốn xem có cách nào để liên kết phần tử cụ thể này mà không cần phải bọc nó trong thẻ

6 không.

Mong được nghe một số lựa chọn/ý kiến.

Hướng dẫn how to link button to javascript - cách liên kết nút với javascript

Dednplicator

43,7K6 Huy hiệu vàng62 Huy hiệu bạc110 Huy hiệu đồng6 gold badges62 silver badges110 bronze badges

hỏi ngày 17 tháng 2 năm 2011 lúc 6:57Feb 17, 2011 at 6:57

Hướng dẫn how to link button to javascript - cách liên kết nút với javascript

4

JavaScript nội tuyến:


Xác định chức năng trong JavaScript:



hoặc trong jQuery



$('#some_id').click(function() {
  window.location='http://www.example.com';
});

Đã trả lời ngày 17 tháng 2 năm 2011 lúc 7:03Feb 17, 2011 at 7:03

Hướng dẫn how to link button to javascript - cách liên kết nút với javascript

Aihamaihamaiham

3.52627 Huy hiệu bạc32 Huy hiệu đồng27 silver badges32 bronze badges

3

Đây là một giải pháp sẽ hoạt động ngay cả khi JavaScript bị vô hiệu hóa:

Bí quyết là bao quanh nút với thẻ


7 của riêng mình.

Cá nhân tôi thích thẻ


3, nhưng bạn cũng có thể làm điều đó với

9:

Đã trả lời ngày 12 tháng 7 năm 2012 lúc 5:33Jul 12, 2012 at 5:33

PacerierpacerierPacerier

83.3K100 Huy hiệu vàng356 Huy hiệu bạc624 Huy hiệu đồng100 gold badges356 silver badges624 bronze badges

2

Chỉ cần làm điều này


Mặc dù, đã được một thời gian kể từ khi tôi chạm vào JavaScript - có lẽ


0 đã lỗi thời? Dù sao, đó là cách tôi sẽ làm điều đó.

Đã trả lời ngày 17 tháng 2 năm 2011 lúc 7:03Feb 17, 2011 at 7:03

Aihamaiham

3.52627 Huy hiệu bạc32 Huy hiệu đồng

  • Đây là một giải pháp sẽ hoạt động ngay cả khi JavaScript bị vô hiệu hóa:
    You can simulate this by using a window.open() with no position/size argument
  • Bí quyết là bao quanh nút với thẻ
    
    
    7 của riêng mình.

    You can simulate this by window.open() with size and/or position specified
  • Cá nhân tôi thích thẻ
    
    
    3, nhưng bạn cũng có thể làm điều đó với
    
    
    9:

    People rarely use this one, but if you insist to simulate it, you'll need to write a special script on server side that responds with the proper download headers.

Đã trả lời ngày 12 tháng 7 năm 2012 lúc 5:33

Pacerierpacerier

83.3K100 Huy hiệu vàng356 Huy hiệu bạc624 Huy hiệu đồngNov 9, 2015 at 11:19

Hướng dẫn how to link button to javascript - cách liên kết nút với javascript

Chỉ cần làm điều nàydkellner

Mặc dù, đã được một thời gian kể từ khi tôi chạm vào JavaScript - có lẽ


0 đã lỗi thời? Dù sao, đó là cách tôi sẽ làm điều đó.2 gold badges43 silver badges46 bronze badges

Liên kết là khó khăn

#btn {
  background: url(https://image.flaticon.com/icons/png/128/149/149668.png) no-repeat 0 0;
  display: block;
  width: 128px;
  height: 128px;
  border: none;
  outline: none;
}

Hãy xem xét các thủ thuật biết theo mặc định nhưng liên kết JavaScript sẽ không làm cho bạn. Trên một trang web tốt, bất cứ điều gì muốn hành xử như một liên kết nên thực hiện các tính năng này bằng cách này hay cách khác. Cụ thể là:

Ctrl+click: Mở liên kết trong Tabyou mới có thể mô phỏng điều này bằng cách sử dụng window.open () không có đối số vị trí/kích thước27 gold badges168 silver badges226 bronze badges

Shift+Click: Mở liên kết trong WindowYou mới có thể mô phỏng điều này bằng window.open () với kích thước và/hoặc vị trí được chỉ địnhFeb 17, 2011 at 7:06

Alt+Click: Tải xuống TargetPeople hiếm khi sử dụng cái này, nhưng nếu bạn khăng khăng mô phỏng nó, bạn sẽ cần viết một tập lệnh đặc biệt ở phía máy chủ trả lời với các tiêu đề tải xuống thích hợp.themajiks

Cách dễ dàng ra1 gold badge8 silver badges23 bronze badges

Bây giờ nếu bạn không muốn mô phỏng tất cả các hành vi đó, tôi đề nghị sử dụng và tạo kiểu nó như một nút, vì bản thân nút gần như là một hình dạng và hiệu ứng di chuột. Tôi nghĩ rằng nếu nó không quan trọng về mặt ngữ nghĩa để chỉ có "nút và không có gì khác", là cách của samurai. Và nếu bạn lo lắng về ngữ nghĩa và khả năng đọc, bạn cũng có thể thay thế phần tử nút khi tài liệu của bạn đã sẵn sàng (). Nó rõ ràng và an toàn.

Đã trả lời ngày 9 tháng 11 năm 2015 lúc 11:19

Dkellnerdkellner

7.7042 Huy hiệu vàng43 Huy hiệu bạc46 Huy hiệu đồngFeb 17, 2011 at 7:02

Vâng, đối với một liên kết, phải có một thẻ liên kết xung quanh. Những gì bạn cũng có thể làm là tạo lớp CSS cho nút và gán lớp đó cho thẻ liên kết. giống,tdammers

MPLUNGJAN1 gold badge37 silver badges56 bronze badges


0

161K27 Huy hiệu vàng168 Huy hiệu bạc226 Huy hiệu Đồng

Hãy xem xét các thủ thuật biết theo mặc định nhưng liên kết JavaScript sẽ không làm cho bạn. Trên một trang web tốt, bất cứ điều gì muốn hành xử như một liên kết nên thực hiện các tính năng này bằng cách này hay cách khác. Cụ thể là:

Ctrl+click: Mở liên kết trong Tabyou mới có thể mô phỏng điều này bằng cách sử dụng window.open () không có đối số vị trí/kích thước27 gold badges168 silver badges226 bronze badges

Shift+Click: Mở liên kết trong WindowYou mới có thể mô phỏng điều này bằng window.open () với kích thước và/hoặc vị trí được chỉ địnhJul 6, 2015 at 20:21

Hướng dẫn how to link button to javascript - cách liên kết nút với javascript

Alt+Click: Tải xuống TargetPeople hiếm khi sử dụng cái này, nhưng nếu bạn khăng khăng mô phỏng nó, bạn sẽ cần viết một tập lệnh đặc biệt ở phía máy chủ trả lời với các tiêu đề tải xuống thích hợp.


1

Cách dễ dàng raFeb 17, 2011 at 8:26

Bây giờ nếu bạn không muốn mô phỏng tất cả các hành vi đó, tôi đề nghị sử dụng và tạo kiểu nó như một nút, vì bản thân nút gần như là một hình dạng và hiệu ứng di chuột. Tôi nghĩ rằng nếu nó không quan trọng về mặt ngữ nghĩa để chỉ có "nút và không có gì khác", là cách của samurai. Và nếu bạn lo lắng về ngữ nghĩa và khả năng đọc, bạn cũng có thể thay thế phần tử nút khi tài liệu của bạn đã sẵn sàng (). Nó rõ ràng và an toàn.Hussein

Đã trả lời ngày 9 tháng 11 năm 2015 lúc 11:1925 gold badges112 silver badges143 bronze badges

Dkellnerdkellner


2

7.7042 Huy hiệu vàng43 Huy hiệu bạc46 Huy hiệu đồng

Vâng, đối với một liên kết, phải có một thẻ liên kết xung quanh. Những gì bạn cũng có thể làm là tạo lớp CSS cho nút và gán lớp đó cho thẻ liên kết. giống,

MPLUNGJANApr 24, 2021 at 14:28

2

161K27 Huy hiệu vàng168 Huy hiệu bạc226 Huy hiệu Đồng

Đã trả lời ngày 17 tháng 2 năm 2011 lúc 7:06Oct 23 at 9:08

2

Làm thế nào để bạn siêu liên kết một nút?

Sử dụng sự kiện Onclick: Thuộc tính sự kiện Onclick hoạt động khi người dùng nhấp vào nút. Khi chuột nhấp vào nút thì nút hoạt động giống như một liên kết và chuyển hướng trang vào vị trí đã cho. Sử dụng thẻ nút bên trong thẻ: Phương thức này tạo một nút bên trong thẻ neo.: The onclick event attribute works when the user click on the button. When mouse clicked on the button then the button acts like a link and redirect page into the given location. Using button tag inside tag: This method create a button inside anchor tag.

Làm cách nào để liên kết URL với nút trong HTML?

Cách HTML đơn giản là đặt nó vào một trong đó bạn chỉ định URL mục tiêu mong muốn trong thuộc tính hành động.Nếu cần, đặt hiển thị CSS: nội tuyến;Trên biểu mẫu để giữ nó trong dòng chảy với văn bản xung quanh.Thay vì trong ví dụ ở trên, bạn cũng có thể sử dụng.put it in a
wherein you specify the desired target URL in the action attribute. If necessary, set CSS display: inline; on the form to keep it in the flow with the surrounding text. Instead of in above example, you can also use

Bạn có thể nhấp vào nút với JavaScript không?

JavaScript có chức năng nhấp chuột tích hợp () có thể thực hiện nhấp chuột trong mã..

Làm thế nào để bạn liên kết JavaScript với HTML?

Để bao gồm một tệp JavaScript bên ngoài, chúng ta có thể sử dụng thẻ tập lệnh với thuộc tính SRC.Bạn đã sử dụng thuộc tính SRC khi sử dụng hình ảnh.Giá trị cho thuộc tính SRC phải là đường dẫn đến tệp JavaScript của bạn.Thẻ tập lệnh này phải được bao gồm giữa các thẻ trong tài liệu HTML của bạn.use the script tag with the attribute src . You've already used the src attribute when using images. The value for the src attribute should be the path to your JavaScript file. This script tag should be included between the tags in your HTML document.