Hướng dẫn how to change link url javascript - cách thay đổi javascript url liên kết

Tweet

Ở đây bạn có thể thấy cách thức hoạt động: //www.chusmix.com/tests/magic.html

Điều xuất hiện dưới dạng "liên kết cải tiến" là URL tôi muốn các nút chia sẻ sử dụng.

Cweiske

29.1K13 Huy hiệu vàng128 Huy hiệu bạc189 Huy hiệu đồng13 gold badges128 silver badges189 bronze badges

Hỏi ngày 26 tháng 4 năm 2011 lúc 4:09Apr 26, 2011 at 4:09

Lisovaccarolisovaccarolisovaccaro

31K96 Huy hiệu vàng249 Huy hiệu bạc403 Huy hiệu Đồng96 gold badges249 silver badges403 bronze badges

1

Đây là những gì bạn muốn làm -

var yourElement = document.getElementById['yourHref'];
 yourElement.setAttribute['href', '#url'];

Đã trả lời ngày 26 tháng 4 năm 2011 lúc 4:18Apr 26, 2011 at 4:18

5

Tham khảo trang sau trên trang web jQuery:

//api.jquery.com/attr/

Sẽ có thể sử dụng attr ['href', 'giá trị];

Đã trả lời ngày 26 tháng 4 năm 2011 lúc 4:13Apr 26, 2011 at 4:13

1

thử cái này:

$["#url"].keypress[
    function[e] {
        if[e.keyCode == 13] {
            $["#output"].attr['href', cleanURL[$["#url"].val[]]];
        }
    }
];

Đã trả lời ngày 26 tháng 4 năm 2011 lúc 4:17Apr 26, 2011 at 4:17

Naveed Buttnaveed ButtNaveed Butt

2.8116 huy hiệu vàng30 huy hiệu bạc52 Huy hiệu đồng6 gold badges30 silver badges52 bronze badges

1

    $['#twtbutton'].prop['href', #url];
    $['#fbbutton'].prop['href', #url];

Điều này sẽ thay đổi thuộc tính 'href' của [các] phần tử HTML bằng id = twtbutton và id = fbbutton thành giá trị được lưu trữ trong #URL, trong đó giá trị được lưu trữ trong #URL là kiểu dữ liệu chuỗi. Câu trả lời này sử dụng thư viện jQuery.

Đã trả lời ngày 22 tháng 3 năm 2018 lúc 23:13Mar 22, 2018 at 23:13

2

Trong bài viết nhanh này, chúng tôi sẽ thảo luận về cách thay đổi URL trong JavaScript bằng cách chuyển hướng. Chúng tôi sẽ trải qua một vài phương pháp khác nhau mà bạn có thể sử dụng để thực hiện chuyển hướng JavaScript.

JavaScript là một trong những công nghệ cốt lõi của web. Phần lớn các trang web sử dụng nó và tất cả các trình duyệt web hiện đại hỗ trợ nó mà không cần các plugin. Trong loạt bài này, chúng tôi đã thảo luận về các mẹo và thủ thuật khác nhau có thể giúp bạn trong sự phát triển JavaScript hàng ngày của bạn.

Khi bạn làm việc với JavaScript, bạn thường cần chuyển hướng người dùng đến một trang khác. JavaScript cung cấp các cách khác nhau để làm điều đó.

Hôm nay, chúng tôi sẽ thảo luận về cách thực hiện các chuyển hướng URL trong Vanilla JavaScript và với thư viện jQuery.

Cách thay đổi URL trong Vanilla JavaScript

Trong phần này, chúng tôi sẽ thông qua các phương thức tích hợp khác nhau do JavaScript cung cấp để thực hiện chuyển hướng URL. Trên thực tế, JavaScript cung cấp đối tượng

var yourElement = document.getElementById['yourHref'];
 yourElement.setAttribute['href', '#url'];

Phương pháp

var yourElement = document.getElementById['yourHref'];
 yourElement.setAttribute['href', '#url'];

1

Phương pháp

var yourElement = document.getElementById['yourHref'];
 yourElement.setAttribute['href', '#url'];

var yourElement = document.getElementById['yourHref'];
 yourElement.setAttribute['href', '#url'];

Hãy cùng đi qua ví dụ sau.

console.log[location.href];
// prints the current URL

location.href = '//code.tutsplus.com';
// redirects the user to //code.tutsplus.com

Như bạn có thể thấy, nó khá dễ dàng để chuyển hướng người dùng bằng phương pháp

var yourElement = document.getElementById['yourHref'];
 yourElement.setAttribute['href', '#url'];

var yourElement = document.getElementById['yourHref'];
 yourElement.setAttribute['href', '#url'];

var yourElement = document.getElementById['yourHref'];
 yourElement.setAttribute['href', '#url'];

window.location.href = '//code.tutsplus.com';

Vì vậy, theo cách này, bạn có thể sử dụng phương thức

var yourElement = document.getElementById['yourHref'];
 yourElement.setAttribute['href', '#url'];

Phương pháp

var yourElement = document.getElementById['yourHref'];
 yourElement.setAttribute['href', '#url'];

8

Phương thức

var yourElement = document.getElementById['yourHref'];
 yourElement.setAttribute['href', '#url'];

var yourElement = document.getElementById['yourHref'];
 yourElement.setAttribute['href', '#url'];

Hãy để nhanh chóng xem cách nó hoạt động với ví dụ sau.

location.assign['//code.tutsplus.com'];

Như bạn có thể thấy, nó rất đơn giản. Bạn chỉ cần chuyển URL trong đối số đầu tiên của phương thức

$["#url"].keypress[
    function[e] {
        if[e.keyCode == 13] {
            $["#output"].attr['href', cleanURL[$["#url"].val[]]];
        }
    }
];

$["#url"].keypress[
    function[e] {
        if[e.keyCode == 13] {
            $["#output"].attr['href', cleanURL[$["#url"].val[]]];
        }
    }
];

$["#url"].keypress[
    function[e] {
        if[e.keyCode == 13] {
            $["#output"].attr['href', cleanURL[$["#url"].val[]]];
        }
    }
];

Phương pháp

$["#url"].keypress[
    function[e] {
        if[e.keyCode == 13] {
            $["#output"].attr['href', cleanURL[$["#url"].val[]]];
        }
    }
];

4

Bạn cũng có thể sử dụng phương thức

$["#url"].keypress[
    function[e] {
        if[e.keyCode == 13] {
            $["#output"].attr['href', cleanURL[$["#url"].val[]]];
        }
    }
];

$["#url"].keypress[
    function[e] {
        if[e.keyCode == 13] {
            $["#output"].attr['href', cleanURL[$["#url"].val[]]];
        }
    }
];

Hãy để xem cách nó hoạt động với ví dụ sau.

location.replace['//code.tutsplus.com'];

Mặc dù phương pháp

$["#url"].keypress[
    function[e] {
        if[e.keyCode == 13] {
            $["#output"].attr['href', cleanURL[$["#url"].val[]]];
        }
    }
];

var yourElement = document.getElementById['yourHref'];
 yourElement.setAttribute['href', '#url'];

var yourElement = document.getElementById['yourHref'];
 yourElement.setAttribute['href', '#url'];

$["#url"].keypress[
    function[e] {
        if[e.keyCode == 13] {
            $["#output"].attr['href', cleanURL[$["#url"].val[]]];
        }
    }
];

$["#url"].keypress[
    function[e] {
        if[e.keyCode == 13] {
            $["#output"].attr['href', cleanURL[$["#url"].val[]]];
        }
    }
];

Hãy để cố gắng hiểu nó với ví dụ sau.

// let’s assume that a user is browsing //code.tutsplus.com

// a user is redirected to a different page with the location.href method
location.href = '//design.tutsplus.com';

// a user is redirected to a different page with the location.replace method
location.replace['//business.tutsplus.com'];

Trong ví dụ trên, chúng tôi đã giả định rằng người dùng đang duyệt trang web

    $['#twtbutton'].prop['href', #url];
    $['#fbbutton'].prop['href', #url];

var yourElement = document.getElementById['yourHref'];
 yourElement.setAttribute['href', '#url'];

    $['#twtbutton'].prop['href', #url];
    $['#fbbutton'].prop['href', #url];

$["#url"].keypress[
    function[e] {
        if[e.keyCode == 13] {
            $["#output"].attr['href', cleanURL[$["#url"].val[]]];
        }
    }
];

    $['#twtbutton'].prop['href', #url];
    $['#fbbutton'].prop['href', #url];

    $['#twtbutton'].prop['href', #url];
    $['#fbbutton'].prop['href', #url];

    $['#twtbutton'].prop['href', #url];
    $['#fbbutton'].prop['href', #url];

$["#url"].keypress[
    function[e] {
        if[e.keyCode == 13] {
            $["#output"].attr['href', cleanURL[$["#url"].val[]]];
        }
    }
];

    $['#twtbutton'].prop['href', #url];
    $['#fbbutton'].prop['href', #url];

$["#url"].keypress[
    function[e] {
        if[e.keyCode == 13] {
            $["#output"].attr['href', cleanURL[$["#url"].val[]]];
        }
    }
];

Vì vậy, bạn nên hiểu sự khác biệt giữa

$["#url"].keypress[
    function[e] {
        if[e.keyCode == 13] {
            $["#output"].attr['href', cleanURL[$["#url"].val[]]];
        }
    }
];

$["#url"].keypress[
    function[e] {
        if[e.keyCode == 13] {
            $["#output"].attr['href', cleanURL[$["#url"].val[]]];
        }
    }
];

$["#url"].keypress[
    function[e] {
        if[e.keyCode == 13] {
            $["#output"].attr['href', cleanURL[$["#url"].val[]]];
        }
    }
];

$["#url"].keypress[
    function[e] {
        if[e.keyCode == 13] {
            $["#output"].attr['href', cleanURL[$["#url"].val[]]];
        }
    }
];

Cách thực hiện chuyển hướng URL với jQuery

Mặc dù Vanilla JavaScript cung cấp đủ các tùy chọn khi nói đến chuyển hướng URL, nhưng nếu bạn vẫn đang tự hỏi làm thế nào để làm điều đó với thư viện jQuery, chúng tôi sẽ nhanh chóng đi qua nó trong phần này.

Trong jQuery, bạn có thể sử dụng phương pháp

console.log[location.href];
// prints the current URL

location.href = '//code.tutsplus.com';
// redirects the user to //code.tutsplus.com

$[location].attr['href', '//design.tutsplus.com'];

Như bạn có thể thấy, nó khá dễ dàng để chuyển hướng người dùng với jQuery!

Vì vậy, đó là những cách khác nhau để thực hiện chuyển hướng JavaScript. Và với điều đó, chúng tôi cũng đã kết thúc bài viết nhanh này.

Sự kết luận

Hôm nay, chúng tôi đã thảo luận về cách bạn có thể thực hiện chuyển hướng JavaScript. Chúng tôi đã thảo luận về các phương pháp khác nhau mà bạn có thể sử dụng để thực hiện chuyển hướng JavaScript, cùng với một số ví dụ.

Bạn có thấy bài đăng này hữu ích?

Kỹ sư phần mềm, FSPL, Ấn Độ

Tôi là một kỹ sư phần mềm chuyên nghiệp, và tôi đã thực hiện kỹ thuật khoa học máy tính. Đã khoảng 14 năm tôi đã làm việc trong lĩnh vực phát triển trang web và công nghệ nguồn mở. Chủ yếu, tôi làm việc trên các dự án và khung dựa trên PHP và MySQL. Trong số đó, tôi đã làm việc trên các khung web như Codeignitor, Symfony và Laravel. Ngoài ra, tôi cũng có cơ hội làm việc trên các hệ thống CMS khác nhau như Joomla, Drupal và WordPress và các hệ thống thương mại điện tử như Magento, Opencart, WooC Commerce và Drupal Commerce. Tôi cũng muốn tham dự các hội nghị công nghệ cộng đồng, và là một phần của điều đó, tôi đã tham dự Hội nghị Thế giới Joomla 2016 được tổ chức tại Bangalore [Ấn Độ] và 2018 Drupalcon được tổ chức tại Mumbai [Ấn Độ]. Ngoài ra, tôi thích đi du lịch, khám phá những địa điểm mới và nghe nhạc!

Làm thế nào tôi có thể thay đổi URL trong JavaScript?

Bạn có thể thay đổi HREF với JavaScript không?

Làm thế nào để bạn liên kết một URL trong JavaScript?