2011-01-10 55 views
22

Tôi sẽ làm cách nào để mở nút trong cửa sổ mới, mô phỏng "a href, target = _blank"?Nút mở trong cửa sổ mới?

Tôi hiện có:

<button class="button" onClick="window.location.href='http://www.site.com';"><span class="icon">Open</span></button> 

Nút không phải là trong một hình thức, tôi chỉ muốn làm cho nó mở trong một cửa sổ mới.

Trả lời

59

Mở một cửa sổ mới với url bạn cung cấp :)

<button class="button" onClick="window.open('http://www.site.com');"><span class="icon">Open</span></button> 

hy vọng rằng sẽ giúp :)

+0

Thêm "return false;" sau sự kiện onClick để tránh gửi biểu mẫu. – joseantgv

+1

Từ OP: 'Nút không ở dạng'. Nhưng có, điểm tốt. –

5

Tôi không thể làm cho phương pháp của bạn hoạt động @ Damien-at-SF ...

Vì vậy, tôi đã sử dụng kiến ​​thức cũ của mình.

Bằng cách bọc các input type = "button" trong vòng một yếu tố siêu liên kết, bạn chỉ có thể khai báo thuộc tính target như vậy:

<a href="http://www.site.org" target="_blank"> 
<input type="button" class="button" value="Open" /> 
</a> 

Các 'target = '_ blank'' là tài sản mà làm cho trình duyệt mở liên kết trong một tab mới. Thuộc tính này có các thuộc tính khác, Xem: http://www.w3schools.com/tags/att_a_target.asp để biết thêm chi tiết.

Vì thuộc tính 'value = ""' trên các nút sẽ ghi chuỗi chứa vào nút, nên không cần khoảng thời gian.

Thay vì viết:

<element></element> 

đối với hầu hết các phần tử HTML bạn chỉ có thể đóng chúng với một dấu gạch chéo, như vậy:

<element /> 

Oh, và cuối cùng là ... một 'nút' phần tử có trình kích hoạt làm mới bên trong nó, vì vậy tôi sử dụng 'loại đầu vào [nút]' để tránh kích hoạt biểu mẫu.

Người lập trình may mắn.

Do chính sách StackOverflow của tôi đã phải thay đổi tên miền trong ví dụ: https://meta.stackexchange.com/questions/208963/why-are-certain-example-urls-like-http-site-com-and-http-mysite-com-blocke

3

Nếu bạn nghiêm túc muốn dính vào sử dụng nút, Sau đó chỉ cần tạo ra một chức năng cửa sổ đang mở như sau:

<script> 
function myfunction() { 
    window.open("mynewpage.html"); 
} 
</script> 

sau đó, trong html của bạn làm như sau với nút bấm của bạn:

Tham

Vì vậy, bạn sẽ có một cái gì đó như thế này:

<body> 
    <script> 
function joinfunction() { 
    window.open("mynewpage.html"); 
} 
</script> 
<button onclick="myfunction()" type="button" class="btn btn-default subs-btn">Join</button> 
Các vấn đề liên quan