Liên kết thay thế javascript

Kéo và thả là một tính năng rất phổ biến. Đó là khi bạn "chộp lấy" một đối tượng và kéo nó đến một vị trí khác

Hỗ trợ trình duyệt

Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ Kéo và Thả đầy đủ

Ví dụ Kéo và Thả HTML

Ví dụ dưới đây là một ví dụ kéo và thả đơn giản

Ví dụ

$1']; //URLs starting with www. [without // before it, or it'd re-link the ones done above] var replacePattern2 = /[^|[^\/]][www\.[\S]+[\b|$]]/gim; var replacedText = replacedText.replace[replacePattern2, '$1$2']; //Change email addresses to mailto:: links var replacePattern3 = /[\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,6}]/gim; var replacedText = replacedText.replace[replacePattern3, '$1']; return replacedText }

Trong lần thay thế thứ 2, dấu [^. [^/]] chỉ thay thế www. sao cũng được. com nếu nó chưa có tiền tố // -- để tránh liên kết kép nếu một URL đã được liên kết trong lần thay thế đầu tiên. Ngoài ra, có thể là www. sao cũng được. com có ​​thể ở đầu chuỗi, là điều kiện "hoặc" đầu tiên trong phần đó của biểu thức chính quy

Điều này có thể được tích hợp như một plugin jQuery như Jesse P đã minh họa ở trên -- nhưng tôi đặc biệt muốn một chức năng thông thường không hoạt động trên một phần tử DOM hiện có, bởi vì tôi đang lấy văn bản tôi có và sau đó thêm nó vào DOM, và . hoạt động tuyệt vời

Sự khác biệt giữa vị trí. thay thế, vị trí. gán và vị trí. href là gì?

1. Giới thiệu

Trong bài viết này, chúng tôi sẽ trình bày sự khác biệt giữa các phương thức định vị. thay thế, vị trí. gán và vị trí. href trong JavaScript. Tất cả lệnh này đều được sử dụng để chuyển hướng đến một trang web khác nhưng có tác động rất khác nhau đến lịch trình duyệt

2. cửa sổ. địa điểm. thay thế [url]

Phương thức Thay thế, sẽ thay thế trang hiện tại bằng một trang được cung cấp trong tham số đầu vào. Trang hiện tại sẽ không được lưu trong phiên bản, vì vậy bạn sẽ không thể quay lại lịch sử bằng nút ' Quay lại ' trong trình duyệt

Can an example small will doing this thing

document.location.href = '//google.com'; // đi đến website google
document.location.href = '//thuexehagiang.com'; // đi đến thuexehagiang.com
document.location.replace['//thuexehagiang.com/en/'];  // thay thế bằng một trang web khác

Trong ví dụ trên, nhấn nút 'Quay lại' trên trình duyệt sẽ quay lại https. //Google. com vì url https. //thuexehagiang. com has been instead by https. //thuexehagiang. com/vi/ mà không lưu lịch sử

3. cửa sổ. địa điểm. chỉ định [url]

Phương thức Chỉ định, sẽ chuyển hướng đến URL đã chọn nhưng nó sẽ lưu trong tài liệu lịch sử gốc, vì vậy bạn có thể điều hướng đến trang web trước đó bằng cách sử dụng nút 'Quay lại'

document.location.href = '//google.com'; // đi tới website google
document.location.href = '//thuexehagiang.com'; // đi tới trang chủ thuexehagiang.com
document.location.assign['//thuexehagiang.com/en/']; // tải một trang mới

Trong ví dụ trên, nhấn nút ' Quay lại ' sẽ chuyển hướng điều hướng đến ' https. //thuexehagiang. com ' do phương thức gán sẽ không xóa trang gốc khỏi lịch sử

4. cửa sổ. địa điểm. href = url;

Sử dụng vị trí. href để chuyển hướng đến tài liệu khác cũng sẽ giữ lịch trình duyệt giống như phương thức gán

5. Kết luận

Bài viết này cho thấy sự khác biệt giữa ba phương pháp chuyển hướng trong JavaScript. location.replace , location.assign vàlocation.href

Để mô phỏng cú nhấp chuột của người dùng, hãy sử dụng phương thức

document.location.href = '//google.com'; // đi đến website google
document.location.href = '//thuexehagiang.com'; // đi đến thuexehagiang.com
document.location.replace['//thuexehagiang.com/en/'];  // thay thế bằng một trang web khác

Nếu bạn muốn mô phỏng chuyển hướng HTTP, hãy sử dụng ____12 - điều này sẽ thay thế mục trước đó trong lịch sử phiên bản duyệt của bạn