Hướng dẫn alert e2 80 9cwow javascript run e2 80 9d - Arta '80 Qsoo Javascript Rune Iq 80 Qd
Tổng quanTrong bài học này, bạn sẽ sử dụng JavaScript để hiển thị cảnh báo sau khi trang web được tải. Show Kết quả người họcKhi hoàn thành bài tập này, bạn sẽ học được:
Các hoạt độngMỗi hoạt động trong mô -đun này sẽ liên quan đến việc viết mã JavaScript. Bạn sẽ bắt đầu bằng cách viết một tập lệnh đơn giản, sau đó dần dần xây dựng tập lệnh đó, thêm nhiều chức năng cho nó trong các bài học tiếp theo. Bắt đầu bằng cách mở tệp danh mục đầu tư của bạn JavaScript.html bằng trình soạn thảo văn bản ưa thích của bạn.javascript.html using your preferred text editor. Thêm mã JavaScript sau vào phần trang web của bạn: section of your web page: Đây là một chức năng rất đơn giản. Lưu ý rằng nó trông rất giống các hàm showtop () và showbottom () của PHP () đã được giải thích trong tài liệu Beyond HTML mà bạn đã nghiên cứu trong bài học trước. Hầu hết các ngôn ngữ lập trình hoặc kịch bản đều tương tự nhau, bao gồm PHP và JavaScript, nhưng có sự khác biệt tinh tế trong cú pháp của chúng (các quy tắc về cách viết mã). Một hàm hữu ích có nguồn gốc từ JavaScript là hàm ALERT (). Hàm này sẽ hiển thị văn bản trong hộp thoại bật lên trên màn hình.syntax (the rules of how the code must be written). One useful function that's native to JavaScript is the alert() function. This function will display text in a dialog box that pops up on the screen. Trước khi hàm này có thể hoạt động, trước tiên chúng ta phải gọi hàm showalert (). Các chức năng JavaScript được gọi để phản ứng với các sự kiện. Khi trang tải hoặc khi người dùng nhấp vào, lượn trên hoặc các tab đến một liên kết cụ thể, đây là tất cả các sự kiện. Chúng tôi có thể hướng dẫn JavaScript theo dõi các sự kiện này và nếu hoặc khi chúng xảy ra, hãy thực hiện chức năng được chỉ định.events. When the page loads, or when a user clicks on, hovers over, or tabs to a specific link, these are all events. We can instruct JavaScript to watch for these events, and if or when they occur, execute the specified function. Ví dụ: giả sử chúng tôi muốn thực thi hàm showalert () sau khi phần thân của trang web được tải đầy đủ. Một cách để làm điều đó là thêm thuộc tính onload vào phần tử của trang web của chúng tôi, như thế này:onload attribute to the element of our web page, like this: Hãy thử thêm phần trên vào trang web của bạn, sau đó tải trang và xem nó có hoạt động không. Nếu không, có lẽ bạn có một lỗi. Hãy chắc chắn rằng bạn đã gõ mọi thứ chính xác như nó xuất hiện, bao gồm viết hoa và dấu câu. Ngôn ngữ lập trình có thể rất kén chọn về những sai lầm dường như nhỏ. (Bài học tiếp theo sẽ nói thêm về gỡ lỗi). Khi bạn có nó hoạt động, hãy chuyển sang phần tiếp theo. BiếnNhư đã đề cập trong Beyond HTML, một biến trong ngôn ngữ lập trình hoặc kịch bản là một tên biểu tượng đại diện cho một giá trị. Trong ví dụ PHP trước đây của chúng tôi, chúng tôi đã sử dụng biến $ này để kiểm soát một số tính năng nhất định trong hàm showtop (). Trong PHP, các tên biến phải bắt đầu bằng $, nhưng đó không phải là trường hợp trong JavaScript. Hãy xem ví dụ sau, sử dụng một biến có tên MyText để tùy chỉnh văn bản được hiển thị trong hộp cảnh báo.variable in a programming or scripting language is a symbolic name that represents a value. In our earlier PHP example, we used the variable $thisPage to control certain features in the showTop() function. In PHP, variable names must start with a $, but that isn't the case in JavaScript. Take a look at the following example, which uses a variable named myText to customize the text that's displayed in the alert box. Hãy thử sửa đổi tập lệnh showalert () của bạn với thông báo cảnh báo tùy chỉnh của riêng bạn. Sau đó kiểm tra nó để chắc chắn nó hoạt động. Sử dụng sự kiện OnclickCho đến nay trong bài học này, chúng tôi đã gọi hàm showalert () khi phần thân của trang web được tải. Tuy nhiên, chúng tôi có thể kích hoạt nó bằng cách sử dụng các sự kiện khác thay thế. Ví dụ: chúng tôi chỉ có thể hiển thị cảnh báo nếu người dùng nhấp vào nút. Thử cái này:
Mã mới này thêm một nút vào trang web của bạn. Nút bao gồm thuộc tính onclick, khiến showalert () được gọi khi người dùng nhấp vào nút. Sự kiện Onclick cũng hoạt động cho người dùng bàn phím. Nếu người dùng điều hướng đến nút bằng phím tab, thì nhấn ENTER, điều đó cũng sẽ kích hoạt cảnh báo.onclick attribute, which causes the showAlert() to be called when a user clicks the button. The onclick event also works for keyboard users. If a user navigates to the button using the tab key, then presses enter, that too will trigger the alert. Sau khi bạn đã thêm nút, thêm một phần tử mới vào phần đầu của trang của bạn và thêm một kiểu mới cho phần tử nút. Sử dụng CSS Pseudo-Classes (: Hover,: Focus và: Active) để làm cho nút thay đổi ngoại hình khi người dùng di chuột qua nó bằng một con chuột hoặc tab với nó bằng bàn phím. Đây là một bảng kiểu ví dụ: element to the head section of your page, and add a new style for the button element. Use CSS pseudo-classes (:hover, :focus, and :active) to make the button change its appearance when users hover over it with a mouse or tab to it with keyboard. Here's an example style sheet: button { font-size: 1.1em; background-color: #EBF5FF; color: #4312AE; border: 2px solid black; box-shadow: 4px 4px 4px #999999; } button:hover, button:focus, button:active { /* swap colors */ color: #EBF5FF; background-color: #4312AE; cursor: pointer; /* displays a hand */ } Lưu ý rằng ví dụ trên bao gồm thuộc tính Box-Shadow, là CSS3 và không được hỗ trợ bởi tất cả các trình duyệt, đặc biệt là các phiên bản trình duyệt cũ hơn. Ngoài ra, trong bài học này, bạn đang thêm CSS trực tiếp vào tệp javascript.html, thay vì vào tệp CSS bên ngoài của bạn, vì đây là trang duy nhất trong trang web của bạn sẽ có phần tử nút HTML. Tuy nhiên, nếu có cơ hội bạn có thể thêm các nút vào các trang khác (mặc dù chúng không bắt buộc trong chương trình giảng dạy này) hoặc nếu bạn muốn giữ tất cả CSS của mình ở một nơi, bạn có thể thêm kiểu nút vào tệp CSS bên ngoài của bạn thay vì.box-shadow property, which is CSS3 and isn't supported by all browsers, particularly older versions of browsers. Also, in this lesson you're adding CSS directly to the javascript.html file, rather than to your external CSS file, since this is the only page within your site that will have an HTML button element. However, if there's a chance you might add buttons to other pages (even though they're not required in this curriculum), or if you prefer keeping all your CSS together in one place, you could add the button style to your external CSS file instead. Sau khi thêm nút mới, hãy thử nhấp vào nó. Nếu tất cả đều tốt, lơ lửng trên nút sẽ kích hoạt thay đổi kiểu và nhấp vào nút HOULD kích hoạt cảnh báo, sẽ hiển thị văn bản tùy chỉnh của bạn. Bây giờ hãy thử nó mà không cần chuột để chắc chắn rằng nó cũng hoạt động cho người dùng bàn phím (sử dụng phím tab để điều hướng đến nút, sau đó nhấn ENTER). Tất cả đã được làm xong?Chia sẻ trang web của bạn, hoàn thành với nâng cao JavaScript, với người hướng dẫn của bạn. Nếu mọi thứ đang hoạt động, hãy tiến hành Bài 2. Hàm cảnh báo () trong javascript là gì?Phương thức ALERT () hiển thị một hộp cảnh báo với thông báo và nút OK. Phương thức cảnh báo () được sử dụng khi bạn muốn thông tin đến người dùng.displays an alert box with a message and an OK button. The alert() method is used when you want information to come through to the user.
Tại sao cảnh báo JavaScript của tôi không hoạt động?Lý do cảnh báo () không hoạt động là vì trước đây bạn đã kiểm tra "Ngăn chặn trang này tạo hộp kiểm Dialoug" bổ sung.Hãy xem mã này.Sẽ có hai hộp cảnh báo nếu bạn chạy mã.previously you have checked "prevent this page from creating additional dialoug" checkbox. lets take a look at this code. There will be two alert boxes if you run the code.
Làm cách nào để nhận được thông báo trong JavaScript?Phương thức cảnh báo () trong javascript được sử dụng để hiển thị hộp cảnh báo ảo.Nó chủ yếu được sử dụng để đưa ra một thông điệp cảnh báo cho người dùng.Nó hiển thị một hộp thoại cảnh báo bao gồm một số thông báo được chỉ định (là tùy chọn) và nút OK.Khi hộp thoại bật lên, chúng ta phải nhấp vào "OK" để tiếp tục.. It is mostly used to give a warning message to the users. It displays an alert dialog box that consists of some specified message (which is optional) and an OK button. When the dialog box pops up, we have to click "OK" to proceed.
Tôi có thể phong cách cảnh báo theo JavaScript không?Hộp cảnh báo tiêu chuẩn trong JavaScript không cung cấp tùy chọn áp dụng CSS.Để tạo kiểu cho hộp cảnh báo của bạn, bạn cần tạo một tùy chỉnh trước.Hộp cảnh báo tùy chỉnh sẽ được tạo bằng cách sử dụng jQuery và styles sẽ được áp dụng cho CSS.To style your alert box, you need to create a custom one first. The custom alert box will be created using jQuery and styles will be applied to CSS. |