Hàm javascript trong html

Bạn có thể gặp vấn đề khi nhấp vào một URL để truy cập trang X nhưng bạn lại được điều hướng đến trang Y. Nó xảy ra là do Chuyển hướng trang – Điều hướng lại trang. Các khái niệm này khác với. trang Làm mới JavaScript

Có nhiều lý do khác nhau để tại sao bạn muốn chuyển hướng người dùng từ trang ban đầu. Dưới đây là một số lý do

• Bạn không thích tên miền của bạn và bạn đang muốn chuyển qua một tên miền mới. Trong trường hợp này, bạn có thể muốn điều hướng trực tiếp tất cả khách truy cập của bạn tới trang web mới. Tại đây, bạn có thể duy trì tên miền cũ, nhưng đặt một trang đơn với một hướng điều hướng lại trang để tất cả khách truy cập tên miền cũ có thể vào miền mới
• Bạn đã xây dựng các trang khác nhau dựa trên trình duyệt hoặc tên của nó hoặc có thể dựa trên các quốc gia khác nhau, sau đó, thay vì sử dụng sự điều hướng lại trang ở Phía máy chủ, bạn có thể sử dụng
• Công cụ tìm kiếm có thể lập chỉ mục các trang của bạn. Nhưng khi chuyển sang miền mới, bạn không muốn đánh mất những vị trí khách truy cập thông qua phương tiện tìm kiếm tiện ích. Vì thế bạn có thể sử dụng điều hướng lại trang ở Client-Side. Nhưng bạn nên nhớ rằng điều này không nên được thực hiện để lừa dối Công cụ Tìm kiếm, nó có thể cho trang của bạn thành trang bị cấm

Chuyển hướng trang làm việc như thế nào?

Qui trình thực hiện Chuyển hướng trang như sau

Ví dụ 1

Nó khá đơn giản để thực hiện Chuyển hướng trang sử dụng JavaScript ở phía máy khách. Để điều hướng khách truy cập vào một trang mới, bạn chỉ cần thêm một dòng mã trong khu vực đầu như sau

   

      
         
      

   

   
      
Click the following button, you will be redirected to home page.

      
         
      

   

Ví dụ 2

Bạn có thể hiển thị một thông báo thích hợp cho khách truy cập trước khi điều hướng họ đến một trang mới. Điều này có thể cần một khoảng thời gian trì hoãn để tải trang mới. Ví dụ sau cách thực hiện tương tự. Tại đây, setTimeout[] là một hàm có sẵn trong JavaScript mà có thể được sử dụng để thực hiện các lệnh khác sau một khoảng thời gian đã cho

Ví dụ 3

Ví dụ: chỉ cách điều hướng khách truy cập của bạn tới một trang khác dựa trên trình duyệt mà họ sử dụng

Làm mới trang trong JavaScript

Bạn có thể làm mới một trang web bằng cách sử dụng vị trí phương thức. tải lại trong JavaScript. Mã này có thể được gọi tự động trên một sự kiện hoặc đơn giản khi người dùng nhấp vào một liên kết. Nếu bạn muốn làm mới một trang web bằng cách sử dụng cú nhấp chuột, bạn có thể sử dụng mã sau

Refresh Page

Làm mới tự động

Bạn cũng có thể sử dụng JavaScript để làm mới trang một cách tự động sau một khoảng thời gian đã chọn. Ở đây, setTimeout[] là một hàm có sẵn trong JavaScript mà có thể được sử dụng để thực thi hàm khác sau một khoảng thời gian đã chọn

Ví dụ Bạn thử ví dụ sau. Nó chỉ cách làm mới một trang sau mỗi 5 giây. You can change this time time by you

Hàm JavaScript được xác định bằng từ khóa function, theo sau là tên, theo sau là dấu ngoặc đơn []

Tên hàm có thể chứa các chữ cái, chữ số, dấu gạch dưới và ký hiệu đô la [quy tắc giống như biến]

Dấu ngoặc đơn có thể bao gồm các tên tham số được phân tách bằng dấu phẩy.
[tham số1, tham số2,. ]

Mã được thực thi bởi hàm, được đặt bên trong dấu ngoặc nhọn. {}

tên hàm[tham số1, tham số2, tham số3] {
  // ​​mã sẽ được thực thi
}

Các tham số của hàm được liệt kê bên trong cặp ngoặc đơn [] trong phần định nghĩa hàm

Đối số của hàm là các giá trị mà hàm nhận được khi nó được gọi

Bên trong hàm, các đối số [các tham số] hoạt động như các biến cục bộ

Gọi hàm

Đoạn mã bên trong hàm sẽ thực thi khi "cái gì đó" triệu gọi [gọi] hàm

• Khi một sự kiện xảy ra [khi người dùng nhấp vào nút]
• Khi nó được gọi [được gọi] từ mã JavaScript
• Tự động [tự gọi]

Bạn sẽ học được nhiều hơn về lời gọi hàm sau trong hướng dẫn này

Hàm trả về

Khi JavaScript đạt đến câu lệnh return, hàm sẽ ngừng thực thi

Nếu hàm được gọi từ một câu lệnh, JavaScript sẽ "quay lại" để thực thi mã sau câu lệnh được gọi

Các hàm thường tính toán giá trị trả về. Giá trị trả về được "trả lại" cho "người gọi"

Thí dụ

Tính tích của hai số và trả về kết quả

cho x = myFunction[4, 3];

function myFunction[a, b] {
  return a * b;
}

Kết quả trong x sẽ là

Tại sao chức năng?

Bạn có thể sử dụng lại mã. Xác định mã một lần và sử dụng nó nhiều lần

Bạn có thể sử dụng cùng một mã nhiều lần với các đối số khác nhau để tạo ra các kết quả khác nhau

Thí dụ

Đổi độ F sang độ C

function toC[fahrenheit] {
  return [5/9] * [fahrenheit-32];
}
document.getElementById["demo"].innerHTML = toCelsius[77];

Toán tử [] gọi hàm

Sử dụng ví dụ trên, toCelsius đề cập đến đối tượng chức năng và toCelsius[] đề cập đến kết quả chức năng

Truy cập một hàm không có [] sẽ trả về đối tượng hàm thay vì kết quả hàm

Thí dụ

function toC[fahrenheit] {
  return [5/9] * [fahrenheit-32];
}
document.getElementById["demo"].innerHTML = toCelsius;

Các hàm được sử dụng làm giá trị biến

Các hàm có thể được sử dụng giống như cách bạn sử dụng các biến, trong tất cả các loại công thức, bài tập và phép tính

Thí dụ

Thay vì sử dụng một biến để lưu trữ giá trị trả về của một hàm

let x = toCelsius[77];
let text = "Nhiệt độ là " + x + " Độ C";

Bạn có thể sử dụng hàm trực tiếp, dưới dạng giá trị biến

let text = "Nhiệt độ là " + toC[77] + " Độ C";

Bạn sẽ học được nhiều hơn về các chức năng sau trong hướng dẫn này

Biến cục bộ

Các biến được khai báo trong hàm JavaScript, trở thành ĐỊA PHƯƠNG cho hàm

Các biến cục bộ chỉ có thể được truy cập từ bên trong hàm

Thí dụ

// mã ở đây KHÔNG thể sử dụng carName

function myFunction[] {
  let carName = "Volvo";
  // mã ở đây CÓ THỂ sử dụng carName
}

// mã ở đây KHÔNG thể sử dụng carName

Vì các biến cục bộ chỉ được nhận dạng bên trong các hàm của chúng, các biến có cùng tên có thể được sử dụng trong các hàm khác nhau