JavaScript - lập trình web
Nội dung chính ShowShow
- Nhắc nhở cho tên người dùng và xuất một thông báo:
- Phương thức prompt[] hiển thị hộp thoại nhắc người dùng cho đầu vào.
- Một hộp nhắc được sử dụng nếu bạn muốn người dùng nhập giá trị.
- Phương thức cảnh báo []
- Nhắc [Text, DefaultText]
- Một chuỗi
- Tùy chọn. Văn bản đầu vào mặc định.
- Định nghĩa và cách sử dụng
- Đầu vào có nghĩa là gì JavaScript?
- JavaScript có đầu vào đầu vào không?
- Bạn có thể thực hiện bao nhiêu cách đầu vào trong JavaScript?
- Làm thế nào để bạn nhận được đầu vào trong HTML?
Khóa học này bao gồm những điều cơ bản của lập trình trong JavaScript. Làm việc theo cách của bạn thông qua các video/bài viết và tôi sẽ dạy bạn mọi thứ bạn cần biết để làm cho trang web của bạn phản ứng nhanh hơn!
W3Schools được tối ưu hóa cho việc học và đào tạo. Ví dụ có thể được đơn giản hóa để cải thiện việc đọc và học tập. Hướng dẫn, tài liệu tham khảo và ví dụ được xem xét liên tục để tránh lỗi, nhưng chúng tôi không thể đảm bảo tính chính xác đầy đủ của tất cả các nội dung. Trong khi sử dụng W3Schools, bạn đồng ý đã đọc và chấp nhận các điều khoản sử dụng, cookie và chính sách bảo mật của chúng tôi.
Bản quyền 1999-2022 bởi dữ liệu refsnes. Đã đăng ký Bản quyền. W3Schools được cung cấp bởi W3.CSS. W3Schools is Powered by W3.CSS.
W3Schools is Powered by
W3.CSS.
Nhắc nhở cho tên người dùng và xuất một thông báo:
Phương thức prompt[] hiển thị hộp thoại nhắc người dùng cho đầu vào.
Một hộp nhắc được sử dụng nếu bạn muốn người dùng nhập giá trị.
Phương thức cảnh báo []
document.getElementById["demo"].innerHTML =
"Hello " + person + "! How are you
today?";
}
Nhắc [Text, DefaultText]
Định nghĩa và cách sử dụng
Phương thức prompt[] hiển thị hộp thoại nhắc người dùng cho đầu vào.
Một hộp nhắc được sử dụng nếu bạn muốn người dùng nhập giá trị.
Phương thức cảnh báo []
Một hộp nhắc được sử dụng nếu bạn muốn người dùng nhập giá trị.
Phương thức cảnh báo []
Nhắc [Text, DefaultText]
Một chuỗi
Phương thức cảnh báo []
Nhắc [Text, DefaultText]
Một chuỗi
Nhắc [Text, DefaultText]
Một chuỗi
Tùy chọn. Văn bản đầu vào mặc định.
| Định nghĩa và cách sử dụng | Đầu vào có nghĩa là gì JavaScript? |
| JavaScript có đầu vào đầu vào không? | Bạn có thể thực hiện bao nhiêu cách đầu vào trong JavaScript? The text to display in the dialog box. |
| Làm thế nào để bạn nhận được đầu vào trong HTML? | Khóa học này bao gồm những điều cơ bản của lập trình trong JavaScript. Làm việc theo cách của bạn thông qua các video/bài viết và tôi sẽ dạy bạn mọi thứ bạn cần biết để làm cho trang web của bạn phản ứng nhanh hơn! The default input text. |
Một chuỗi
| Định nghĩa và cách sử dụng | Đầu vào có nghĩa là gì JavaScript? |
| JavaScript có đầu vào đầu vào không? | Bạn có thể thực hiện bao nhiêu cách đầu vào trong JavaScript? Otherwise null is returned.
|
Tùy chọn. Văn bản đầu vào mặc định.
Định nghĩa và cách sử dụng
Đầu vào có nghĩa là gì JavaScript?
let favDrink = prompt["What's your favorite cocktail drink?"];
switch[favDrink] {
case "Coca-Cola":
text = "Excellent choice! Coca-Cola is good for your soul.";
break;
case "Pepsi":
text = "Pepsi is my favorite too!";
break;
case "Sprite":
text = "Really? Are you sure the Sprite is your favorite?";
break;
default:
text = "I have never heard of that one!";
}
Nhắc [Text, DefaultText]
Định nghĩa và cách sử dụng
Đầu vào có nghĩa là gì JavaScript?
| JavaScript có đầu vào đầu vào không? | Bạn có thể thực hiện bao nhiêu cách đầu vào trong JavaScript? | Làm thế nào để bạn nhận được đầu vào trong HTML? | Khóa học này bao gồm những điều cơ bản của lập trình trong JavaScript. Làm việc theo cách của bạn thông qua các video/bài viết và tôi sẽ dạy bạn mọi thứ bạn cần biết để làm cho trang web của bạn phản ứng nhanh hơn! | W3Schools được tối ưu hóa cho việc học và đào tạo. Ví dụ có thể được đơn giản hóa để cải thiện việc đọc và học tập. Hướng dẫn, tài liệu tham khảo và ví dụ được xem xét liên tục để tránh lỗi, nhưng chúng tôi không thể đảm bảo tính chính xác đầy đủ của tất cả các nội dung. Trong khi sử dụng W3Schools, bạn đồng ý đã đọc và chấp nhận các điều khoản sử dụng, cookie và chính sách bảo mật của chúng tôi. | Bản quyền 1999-2022 bởi dữ liệu refsnes. Đã đăng ký Bản quyền. W3Schools được cung cấp bởi W3.CSS. W3Schools is Powered by W3.CSS. |
| Hãy để người = nhắc nhở ["Vui lòng nhập tên của bạn", "Harry Potter"]; | Hãy để người = nhắc nhở ["Vui lòng nhập tên của bạn", "Harry Potter"]; | Hãy để người = nhắc nhở ["Vui lòng nhập tên của bạn", "Harry Potter"]; | Hãy để người = nhắc nhở ["Vui lòng nhập tên của bạn", "Harry Potter"]; | Hãy để người = nhắc nhở ["Vui lòng nhập tên của bạn", "Harry Potter"]; | Hãy để người = nhắc nhở ["Vui lòng nhập tên của bạn", "Harry Potter"]; |
Bạn có thể thực hiện bao nhiêu cách đầu vào trong JavaScript?
Làm thế nào để bạn nhận được đầu vào trong HTML?
Làm thế nào để bạn nhận được đầu vào trong HTML?
Khóa học này bao gồm những điều cơ bản của lập trình trong JavaScript. Làm việc theo cách của bạn thông qua các video/bài viết và tôi sẽ dạy bạn mọi thứ bạn cần biết để làm cho trang web của bạn phản ứng nhanh hơn!
W3Schools được tối ưu hóa cho việc học và đào tạo. Ví dụ có thể được đơn giản hóa để cải thiện việc đọc và học tập. Hướng dẫn, tài liệu tham khảo và ví dụ được xem xét liên tục để tránh lỗi, nhưng chúng tôi không thể đảm bảo tính chính xác đầy đủ của tất cả các nội dung. Trong khi sử dụng W3Schools, bạn đồng ý đã đọc và chấp nhận các điều khoản sử dụng, cookie và chính sách bảo mật của chúng tôi.
Bản quyền 1999-2022 bởi dữ liệu refsnes. Đã đăng ký Bản quyền. W3Schools được cung cấp bởi W3.CSS. W3Schools is Powered by W3.CSS.
Hãy để người = nhắc nhở ["Vui lòng nhập tên của bạn", "Harry Potter"];
if [person! = null] {& nbsp; & nbsp; document.getEuityById ["demo"]. innerhtml = & nbsp; & nbsp; "xin chào" + person + "! hôm nay bạn thế nào?";}
Hãy tự mình thử » document.getElementById["demo"].innerHTML = "Hello " + person + "! How are you today?";}
Thêm ví dụ dưới đây.
Lưu ý câu lệnh "IF" kiểm tra nếu biến "Tên" tên "là NULL. Logic này kiểm tra để đảm bảo rằng người dùng đã nhập một cái gì đó. Nó chỉ kiểm tra xem một số ký tự đã được nhập, vì vậy người dùng có thể nhập bất cứ thứ gì để bỏ qua câu lệnh "IF". Mã trong câu lệnh "if" sau đó hiển thị thông báo cho người dùng trong div "Chào mừng". Chúng tôi đã đề cập đến việc đọc và viết văn bản vào một trang web và đây là một ví dụ khác về việc viết văn bản vào phần HTML bên trong của một div. Hãy nhớ rằng thuộc tính bên trong ghi bất kỳ thẻ hoặc văn bản nào trong thẻ div mở và đóng.
Sử dụng phương thức này để nhận phản hồi chuỗi ngắn từ người dùng của bạn trước khi họ truy cập một trang hoặc trước khi họ chuyển sang trang khác trong cấu trúc trang web của bạn.
Hộp thông báo xác nhận JavaScript
Phương thức Window.prompt là một cách để đọc đầu vào của người dùng, nhưng JavaScript cũng cung cấp một cách để nhận xác nhận từ người dùng. Chẳng hạn, bạn có thể muốn xác nhận rằng người dùng đã nhập đúng thông tin và muốn tiếp tục thanh toán. Cửa sổ xác nhận hiển thị số tiền người dùng sẽ được sạc và người dùng có tùy chọn xác nhận hoặc hủy. Bạn có thể viết một chức năng JavaScript phức tạp để tạo một cửa sổ mới để xác nhận hoặc bạn có thể sử dụng phương thức Window Window.confirm. Phương thức này trả về kết quả thực sự boolean nếu người dùng nhấp vào "ok" hoặc kết quả sai boolean nếu người dùng nhấp vào "hủy". Lời nhắc này là một cách nhanh chóng để có được xác nhận mà không cần sử dụng bất kỳ logic mã hóa phức tạp nào.
Nhìn vào mã JavaScript sau.
var r = xác nhận ["Bạn có chắc là bạn muốn gửi một khoản thanh toán không?"];
if [r == true] {
& nbsp; & nbsp; & nbsp; x = "Thanh toán đã gửi!";
} khác {
& nbsp; & nbsp; & nbsp; x = "Thanh toán bị hủy!";
}
Dòng mã đầu tiên sử dụng phương thức nhắc nhở. Lưu ý rằng chúng ta không cần đối tượng "cửa sổ" vì JavaScript kế thừa các phương thức DOM chính và hiểu rằng đây là một phương thức nội bộ. Tham số đầu tiên trong lời nhắc là những gì bạn muốn hiển thị cho người dùng. Trong ví dụ này, chúng tôi muốn người dùng nhập tên, vì vậy lời nhắc hiển thị "Vui lòng nhập tên của bạn." Tham số thứ hai là văn bản mặc định. Văn bản mặc định này giúp người dùng hiểu nơi nhập tên, nhưng nếu anh ta nhấp vào "OK" mà không cần nhập tên, văn bản "" sẽ được sử dụng cho tên người dùng. Bạn có thể tạo kiểm tra trong mã JavaScript phát hiện khi người dùng không nhập tên và chỉ nhấp vào OK, nhưng mã này giả định bất kỳ văn bản nào được nhập là tên của người dùng. & NBSP;
Lưu ý câu lệnh "IF" kiểm tra nếu biến "Tên" tên "là NULL. Logic này kiểm tra để đảm bảo rằng người dùng đã nhập một cái gì đó. Nó chỉ kiểm tra xem một số ký tự đã được nhập, vì vậy người dùng có thể nhập bất cứ thứ gì để bỏ qua câu lệnh "IF". Mã trong câu lệnh "if" sau đó hiển thị thông báo cho người dùng trong div "Chào mừng". Chúng tôi đã đề cập đến việc đọc và viết văn bản vào một trang web và đây là một ví dụ khác về việc viết văn bản vào phần HTML bên trong của một div. Hãy nhớ rằng thuộc tính bên trong ghi bất kỳ thẻ hoặc văn bản nào trong thẻ div mở và đóng.
Sử dụng phương thức này để nhận phản hồi chuỗi ngắn từ người dùng của bạn trước khi họ truy cập một trang hoặc trước khi họ chuyển sang trang khác trong cấu trúc trang web của bạn.
Hộp thông báo xác nhận JavaScript
Phương thức Window.prompt là một cách để đọc đầu vào của người dùng, nhưng JavaScript cũng cung cấp một cách để nhận xác nhận từ người dùng. Chẳng hạn, bạn có thể muốn xác nhận rằng người dùng đã nhập đúng thông tin và muốn tiếp tục thanh toán. Cửa sổ xác nhận hiển thị số tiền người dùng sẽ được sạc và người dùng có tùy chọn xác nhận hoặc hủy. Bạn có thể viết một chức năng JavaScript phức tạp để tạo một cửa sổ mới để xác nhận hoặc bạn có thể sử dụng phương thức Window Window.confirm. Phương thức này trả về kết quả thực sự boolean nếu người dùng nhấp vào "ok" hoặc kết quả sai boolean nếu người dùng nhấp vào "hủy". Lời nhắc này là một cách nhanh chóng để có được xác nhận mà không cần sử dụng bất kỳ logic mã hóa phức tạp nào.
Nhìn vào mã JavaScript sau.
var r = xác nhận ["Bạn có chắc là bạn muốn gửi một khoản thanh toán không?"];
MÃ JavaScript Đầu Tin Của Tuy.
var & nbsp;tùy chỉnh tên = NHắc ["VUI lNng NHập Tênn của bạn", & nbsp; ""];if & nbsp;.& nbsp;& nbsp;Document.geteuityByid ["Chào mừng"].Internhtml = & nbsp;& nbsp;& nbsp;& nbsp;"Xin Chào" & nbsp;} if & nbsp; [tùy chỉnh tên! = & nbsp; null] {& nbsp; & nbsp; & nbsp;document.getEuityById ["Chào mừng"]. Internhtml = & nbsp; & nbsp; & nbsp; & nbsp; "Xin chào" & nbsp;}
if [customerName!= null] {
document.getElementById["welcome"].innerHTML =
"Hello " +
customerName + "! How are you today?";
}
MÃ JavaScript Đầu Tin Của Tuy.
MÃ JavaScript Đầu Tin Của Tuy.
MÃ JavaScript Đầu Tin Của Tuy.
var & nbsp;tùy chỉnh tên = NHắc ["VUI lNng NHập Tênn của bạn", & nbsp; ""];if & nbsp;.& nbsp;& nbsp;Document.geteuityByid ["Chào mừng"].Internhtml = & nbsp;& nbsp;& nbsp;& nbsp;"Xin Chào" & nbsp;}
var & nbsp;tùy chỉnh tên = NHắc ["VUI lNng NHập Tênn của bạn", & nbsp; ""];if & nbsp;.& nbsp;& nbsp;Document.geteuityByid ["Chào mừng"].Internhtml = & nbsp;& nbsp;& nbsp;& nbsp;"Xin Chào" & nbsp;}