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

Trong bài này chúng ta sẽ tìm hiểu đối tượng location trong Javascript, đây là đối tượng dùng để xử lý chuyển hướng trang, hoặc xử lý các thành phần của URL trên trang web.

Nội dung chính ShowShow

• 1. Location trong javascript là gì?
• 2. Các phương thức của location trong javascript
• window.location.reload[url] - tải lại trang web
• window.location.replace[url] - ghi đè trang web
• window.location.assign[url] - load một trang mới
• 3. Các thuộc tính của location trong Javascript
• 4. Lời kết

Nội dung chính

• 1. Location trong javascript là gì?
• 2. Các phương thức của location trong javascript
• window.location.reload[url] - tải lại trang web
• window.location.replace[url] - ghi đè trang web
• window.location.assign[url] - load một trang mới
• 3. Các thuộc tính của location trong Javascript
• 4. Lời kết

Nội dung chínhfreetuts.net, không được copy dưới mọi hình thức.

Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.

1. Location trong javascript là gì?

2. Các phương thức của location trong javascript

window.location.reload[url] - tải lại trang webối tượng window luôn là một biến toàn cục nên bạn hoàn toàn yên tâm khi sử dụng mà không cần phải khai báo.

window.location.replace[url] - ghi đè trang web

window.location.assign[url] - load một trang mới

2. Các phương thức của location trong javascript

window.location.reload[url] - tải lại trang web

window.location.reload[url] - tải lại trang web

window.location.replace[url] - ghi đè trang webF5 hoặc là clich chuột phải và chọn Refresh page. Tuy nhiên, bạn vẫn có thể reload trang bằng javascript rất dễ dàng thông qua phương thức

window.location.replace['//freetuts.net'];

2.

window.location.assign[url] - load một trang mới

    
      Chào mừng bạn đến với freetuts.net
      Refresh
      
      
        function refreshPage[]
        {
         	window.location.reload[]; 
        }
      
    

window.location.replace[url] - ghi đè trang web

window.location.assign[url] - load một trang mới

• 3. Các thuộc tính của location trong Javascriptđưa vào lịch sử.
• 4. Lời kết

window.location.assign[url] - load một trang mới

3. Các thuộc tính của location trong Javascript

window.location.assign[url] - load một trang mới

window.location.assign[url] - load một trang mới

window.location.assign['//freetuts.net']; 

3. Các thuộc tính của location trong Javascript

    
      Click vào để chuyển hướng đến freetuts.net
      replace[]
      
      
        function assignPage[]
        {
          window.location.assign['//freetuts.net']; 
        }
      
    

3. Các thuộc tính của location trong Javascript

4. Lời kết

Nội dung chính

window.location.replace['//freetuts.net'];

9 này:

• Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.: thiết lập hoặc lấy phần sau dấu

      
        Click vào để chuyển hướng đến freetuts.net
        replace[]
        location.href
        
        
          function replacePage[]
          {
            window.location.replace['//freetuts.net']; 
          }
          
          function hrefPage[]
          {
            window.location.href = '//freetuts.net';
          }
        
      
  

  0 của URL
• Thao tác sử dụng nhiều nhất trên location đó là chuyển hướng redirect, thông qua thuộc tính window.location.href, ta có thể tự chuyển hướng đến một URL mà không cần người dùng phải thao tác. Ngoài ra, với location, chúng ta có thể lấy được tất cả những thông tin trên URL như tên miền, query string, hash..: thiết lập hoặc lấy

      
        Click vào để chuyển hướng đến freetuts.net
        replace[]
        location.href
        
        
          function replacePage[]
          {
            window.location.replace['//freetuts.net']; 
          }
          
          function hrefPage[]
          {
            window.location.href = '//freetuts.net';
          }
        
      
  

  1 và port

      
        Click vào để chuyển hướng đến freetuts.net
        replace[]
        location.href
        
        
          function replacePage[]
          {
            window.location.replace['//freetuts.net']; 
          }
          
          function hrefPage[]
          {
            window.location.href = '//freetuts.net';
          }
        
      
  

  2 của URL
• BOM location là một đối tượng được dùng để xử lý các vấn đề liên quan đến URL của trang web trên trình duyệt. Nó được sử dụng rất nhiều trong lập trình web.: thiết lập hoặc lấy

      
        Click vào để chuyển hướng đến freetuts.net
        replace[]
        location.href
        
        
          function replacePage[]
          {
            window.location.replace['//freetuts.net']; 
          }
          
          function hrefPage[]
          {
            window.location.href = '//freetuts.net';
          }
        
      
  

  1
• Location là một thuộc tính đối tượng nằm trong đối tượng window, nên khi sử dụng nó bạn phải thông qua đối tượng window, và đối tượng window luôn là một biến toàn cục nên bạn hoàn toàn yên tâm khi sử dụng mà không cần phải khai báo.: thiết lập hoặc lấy URL
• Bài viết này được đăng tại [free tuts .net]: trả về

      
        Click vào để chuyển hướng đến freetuts.net
        replace[]
        location.href
        
        
          function replacePage[]
          {
            window.location.replace['//freetuts.net']; 
          }
          
          function hrefPage[]
          {
            window.location.href = '//freetuts.net';
          }
        
      
  

  4,

      
        Click vào để chuyển hướng đến freetuts.net
        replace[]
        location.href
        
        
          function replacePage[]
          {
            window.location.replace['//freetuts.net']; 
          }
          
          function hrefPage[]
          {
            window.location.href = '//freetuts.net';
          }
        
      
  

  1 và port

      
        Click vào để chuyển hướng đến freetuts.net
        replace[]
        location.href
        
        
          function replacePage[]
          {
            window.location.replace['//freetuts.net']; 
          }
          
          function hrefPage[]
          {
            window.location.href = '//freetuts.net';
          }
        
      
  

  2 của URL
• Bây giờ chúng ta tìm hiểu các phương thức và thuộc tính của location nhé.: thiết lập hoặc lấy

      
        Click vào để chuyển hướng đến freetuts.net
        replace[]
        location.href
        
        
          function replacePage[]
          {
            window.location.replace['//freetuts.net']; 
          }
          
          function hrefPage[]
          {
            window.location.href = '//freetuts.net';
          }
        
      
  

  7 của URL
• Có ba phương thức chính nằm trong đối tượng location đó là reload[],

  window.location.replace['//freetuts.net'];

  0 và

  window.location.replace['//freetuts.net'];

  1.: thiết lập hoặc lấy

      
        Click vào để chuyển hướng đến freetuts.net
        replace[]
        location.href
        
        
          function replacePage[]
          {
            window.location.replace['//freetuts.net']; 
          }
          
          function hrefPage[]
          {
            window.location.href = '//freetuts.net';
          }
        
      
  

  8 của URL
• Thông thường, để tại lại trang web thì bạn sẽ nhấn phím F5 hoặc là clich chuột phải và chọn Refresh page. Tuy nhiên, bạn vẫn có thể reload trang bằng javascript rất dễ dàng thông qua phương thức

  window.location.replace['//freetuts.net'];

  2.: lấy phần query

      
        Click vào để chuyển hướng đến freetuts.net
        replace[]
        location.href
        
        
          function replacePage[]
          {
            window.location.replace['//freetuts.net']; 
          }
          
          function hrefPage[]
          {
            window.location.href = '//freetuts.net';
          }
        
      
  

  9 của URL

Cú pháp như sau:: các thuộc tính trên bạn có thể dùng đẻ lấy [get] hoặc thiết lập [get].

    
      
        document.write["hash:" +window.location.hash + "
"];
        document.write["host:" +window.location.host + "
"];
        document.write["hostname:" +window.location.hostname + "
"];
        document.write["href:" +window.location.href + "
"];
        document.write["origin:" +window.location.origin + "
"];
        document.write["pathname:" +window.location.pathname + "
"];
        document.write["port:" +window.location.port + "
"];
        document.write["search:" +window.location.search + "
"];
      
    

4. Lời kết

Nội dung chính

window.location.replace['//freetuts.net'];

8 và

window.location.assign['//freetuts.net']; 

2, các phần còn lại rất ít khi sử dụng. Riêng đối với

window.location.replace['//freetuts.net'];

7 là thành phần nằm sau dấu

    
      Click vào để chuyển hướng đến freetuts.net
      replace[]
      location.href
      
      
        function replacePage[]
        {
          window.location.replace['//freetuts.net']; 
        }
        
        function hrefPage[]
        {
          window.location.href = '//freetuts.net';
        }
      
    

0 nên các Framework Javascript như AngularJS hoặc các ứng dụng Ajax sử dụng để nhận diện được action hiện tại.