2012-09-20 46 views
9

Cố gắng làm cho nút của tôi hoạt động giống như một liên kết (đã thử thẻ <A> và nó sẽ hoạt động nếu bạn mở trong tab mới nhưng không phải nếu bạn nhấp vào tab đó. Sau đó, hãy thử mã này và không có gì. Đề xuất?Chuyển hướng nút Javascript

<button onClick="location.href='/secure/edit.aspx?id=671'">Edit</button> 
+0

Làm việc cho tôi: http://jsfiddle.net/NTICompass/vFfq3/1/ –

Trả lời

7
<button onclick="window.location='/secure/edit.aspx?id=671'">Edit</button> 
2

Hãy thử với window.location

<button onClick="window.location='/secure/edit.aspx?id=671'">Edit</button> 
15

Bạn cần phải nói rõ ràng window.locationthis trong bối cảnh của nút là thứ chính đối tượng nút e. Thông thường, JavaScript được chạy trong ngữ cảnh của đối tượng window, do đó bạn không cần phải làm điều đó.

<button onClick="javascript:window.location.href='/secure/edit.aspx?id=671'">Edit</button> 

(Ngoài ra, tôi cũng muốn một cách rõ ràng nêu rằng kịch bản là javascript:, nhưng điều đó hoàn toàn là một điều cá nhân.)

+0

Nhãn 'javascript' là vô ích. – RobG

+0

Dự phòng, không vô ích. Xem https://gist.github.com/3770452 Tuy nhiên, tại sao tôi muốn đưa nó vào là vì tôi tin rằng nó cải thiện khả năng đọc. –

+1

Phụ thuộc vào ngôn ngữ. Bằng tiếng Anh Mỹ, dự phòng thường được sử dụng để có nghĩa là "dự phòng" hoặc "chuyển đổi dự phòng" (ví dụ: hệ thống dự phòng cho điện khẩn cấp). Trong các phiên bản khác của tiếng Anh, dự phòng có nghĩa là không cần thiết hoặc thặng dư cho các yêu cầu, do đó, nó là một từ đồng nghĩa cho vô dụng. :-) – RobG

0

Thêm type = "button"

<button type = "button" onClick="window.location='/secure/edit.aspx?id=671'">Edit</button> 

Bạn cần phải thêm type, nếu không nút sẽ hoạt động như một nút gửi và sẽ POST biểu mẫu của bạn thay vì chuyển hướng đến url mong muốn.

Các vấn đề liên quan