Làm cách nào để viết một hàm trong tệp javascript bên ngoài?

Các chức năng JavaScript có thể được tạo và lưu trữ trong các tệp bên ngoài. Các thư viện JavaScript hiện có cũng có thể được liên kết thành một thành phần hoặc. trang a5w

1. Trên Bảng điều khiển dự án web, nhấp vào nút Mới

2. Nếu được nhắc, hãy chọn Tệp Javascript và nhấp vào OK

3. Alpha Anywhere sẽ mở Trình chỉnh sửa tệp Javascript. Trình chỉnh sửa Javascript cung cấp một số tính năng, bao gồm đánh dấu cú pháp, tự động hoàn thành và Cửa sổ tương tác có thể được sử dụng để kiểm tra mã JavaScript. Cửa sổ tương tác không phải là một trình duyệt web đầy đủ tính năng, vì vậy một số tính năng như đối tượng cửa sổ có sẵn trong trình duyệt không có sẵn ở đây

4. Khi bạn đã thêm JavaScript vào tệp, hãy lưu tệp. Tệp JavaScript sẽ được lưu với một. tiện ích mở rộng js. Tệp có thể được lưu ở bất kỳ đâu trong thư mục Dự án Web. Thực tế phổ biến là đặt các tệp JavaScript trong một thư mục có tên "javascript" hoặc "src" khi xây dựng các ứng dụng web và thiết bị di động

Mã trong tệp JavaScript bên ngoài không thể tham chiếu trình giữ chỗ JavaScript, chẳng hạn như {hộp thoại. đối tượng} hoặc {lưới. Tên thành phần}. Điều này là do trình giữ chỗ JavaScript của Alpha Anywhere chỉ được thay thế khi được sử dụng trong các thành phần. Nếu một hàm JavaScript yêu cầu quyền truy cập vào một đối tượng của thành phần hoặc yêu cầu ID của thành phần đó, chúng có thể được chuyển dưới dạng tham số cho hàm JavaScript. Ví dụ

var promptBeforeReset = function (uxObj) {
    if (uxObj) {
        if (uxObj._isDirty) {
            var title = "Are you sure?"
            var html = "
Are you sure you want to undo all changes?



";
            var buttons = "ync";
            var onClose = function (b) {
                if (b == 'yes') {
                    uxObj.resetForm(false);
                }
            };

            A5.msgBox.show(title,html,buttons,onClose);

        } else {
            uxObj.resetForm();
        }
    }
};

Phương thức resetForm() của Thành phần UX sẽ hỏi người dùng xem họ có chắc chắn muốn tự động xóa tất cả các thay đổi đối với các điều khiển trong thành phần không

Không sử dụng trình giữ chỗ trong JavaScript được xác định trong bên ngoài. tập tin js

Hàm JavaScript promptB BeforeReset() nhận một {hộp thoại. đối tượng} làm đối số. Nó có thể được gọi cho bất kỳ Thành phần UX nào. Ví dụ

// reset this UX
promptBeforeReset({dialog.object});

// reset a CHILD UX
var child = {dialog.object}.getChildObject('UX_NAME_HERE','ux');
promptBeforeReset(child);

Các tệp JavaScript có thể được liên kết trong các thành phần bằng thuộc tính tệp được liên kết Javascript. Liệt kê từng tệp JavaScript để đưa vào thành phần trên một dòng riêng biệt. Các tệp JavaScript được liệt kê phải được chỉ định dưới dạng URL tuyệt đối hoặc tương đối. Ví dụ

javascript/myJavascriptFile.js
https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js

Trong các thành phần, bạn có thể chỉ định một chức năng để gọi khi tệp JavaScript tải xong. Điều này được thực hiện bằng cách chỉ định tên hàm sau tệp JavaScript bằng cách sử dụng đường dẫn ". " dấu phân cách. e. g. , ví dụ dưới đây trình bày cách gọi hàm initMyJSFile sau javascript/myJSFile. tải js

javascript/myJSFile.js|initMyJSFile

Alpha Anywhere tải không đồng bộ các tệp JavaScript bên ngoài đã chỉ định sau khi tải các hàm JavaScript do người dùng xác định được chỉ định trong phần Hàm Javascript của một thành phần. Điều này có nghĩa là các hàm trong tệp JavaScript không nhất thiết phải được tải theo thứ tự chúng được chỉ định. Các chức năng trong tệp JavaScript cũng có thể không khả dụng ngay lập tức đối với một số sự kiện phía máy khách hoặc các chức năng do người dùng xác định trong một thành phần

Nếu bạn cần tải các tệp JavaScript theo thứ tự cụ thể (theo thứ tự) hoặc trước khi các sự kiện trong Thành phần UX được kích hoạt, bạn có thể thêm các lệnh bổ sung trong thuộc tính tệp được liên kết Javascript để xác định thời điểm tải tệp. Ví dụ: chỉ thị {HeadSection} hiển thị bên dưới chỉ đạo Alpha Anywhere tải tệp JavaScript trong phần của trang web

{HeadSection}javascript/myJavascriptFile.js

Chỉ thị luôn được thêm vào đầu dòng trước tệp JavaScript. Các lệnh có sẵn có thể được sử dụng khi chỉ định tệp JavaScript để tải trong Thành phần UX được liệt kê bên dưới

• Tệp JavaScript được tải trước khi tải các hàm JavaScript do người dùng xác định được chỉ định trong phần Hàm Javascript của một thành phần

  {BeforeFunctions}javascript/utilLib.js

  JavaScript trong các tệp được liên kết được tải không đồng bộ. Ngay cả khi bạn chỉ định lệnh { BeforeFunctions} cho một tệp JavaScript, bạn không thể gọi ngay các hàm được xác định trong tệp JavaScript

• Tệp JavaScript được tải sau khi tải các hàm JavaScript do người dùng xác định và Kiểm soát JavaScript

  {Late}javascript/myJSFile.js|initMyJSFile

• Tệp JavaScript được tải trong phần của một. trang a5w. Các tệp được tải bằng chỉ thị {HeadSection} được tải tuần tự. Nếu một hàm cần gọi được chỉ định cho một tệp JavaScript được tải bằng lệnh {HeadSection} trong Thành phần UX, thì lệnh gọi hàm sẽ bị bỏ qua

  {HeadSection}javascript/editorConfig.js

  Chỉ thị {HeadSection} sẽ chỉ tải các tệp JavaScript trong phần của trang dành cho các thành phần được nhúng trong một. trang a5w. Nếu thành phần được tải bằng lệnh gọi lại Ajax (ví dụ: sử dụng Javascript Hành động mở lưới), thì tệp sẽ không được tải

• Chỉ thị {Raw} chỉ áp dụng cho các tệp được tải bằng chỉ thị {HeadSection}. Nếu một tệp có chỉ thị {Raw}, nội dung của tệp không được xử lý sau. Xử lý hậu kỳ sửa các tham chiếu hình ảnh để chúng hoạt động trong Working Preview

  Nếu bạn đang liên kết một tệp JavaScript lớn, rất có thể bạn sẽ muốn sử dụng chỉ thị {Raw}. Nếu không có lệnh {Raw}, các tệp JavaScript lớn sẽ được xử lý sau, điều này có thể làm chậm đáng kể Working Preview

  ________số 8

Nếu một tệp JavaScript là cần thiết trong mọi thành phần và trang trong một ứng dụng, tệp đó có thể được đưa vào bằng cách sử dụng thuộc tính tệp Javascript được liên kết trong Cài đặt dự án web. Mọi tệp JavaScript được liệt kê trong thuộc tính tệp Javascript được liên kết của Dự án sẽ được tải tự động cho mọi trang và thành phần trong dự án

Các tệp JavaScript được liên kết bằng Cài đặt dự án web luôn được tải trong phần của trang và không hỗ trợ bất kỳ lệnh nào được mô tả trong phần trước

Phần Tệp Javascript của Bảng điều khiển Dự án Web có thể được sử dụng để lọc các tệp được hiển thị. Đối với các dự án Alpha Anywhere lớn có nhiều tệp, sử dụng tùy chọn Tệp Javascript có thể giúp bạn định vị tệp JavaScript trong không gian làm việc một cách nhanh chóng

Nhiều thư viện JavaScript của bên thứ ba sử dụng $ làm tốc ký cho jQuery. Tuy nhiên, trong khuôn khổ của Alpha Anywhere, $ là viết tắt của document. getElementById(). Để sử dụng các thư viện của bên thứ ba với Alpha Anywhere, bạn cần làm cho chúng an toàn bằng cách thay thế $ bằng jQuery trong thư viện. Điều này có thể dễ dàng thực hiện bằng Hàm a5_make_jquery_safe()

dim fileName as c = "C:/path/to/third/party/library.js"
dim backupOriginal as L = .T.

if (file.exists(fileName) == .T.) then
    if (a5_make_jquery_safe(fileName, backupOriginal)) then
        dim backupName as c = file.filename_parse(fileName,"NE") + ".old"
        dim msg as c = "The file '{fileName}' has been updated."
        if (backupOriginal) then
            msg = msg + crlf(2) + "A backup file can be found in the same directory."+crlf(2)+"The backup file is named '{backupName}'."
        end if
        
        msg = evaluate_string(msg)
        ui_msg_box("Success",msg)
    else
        dim boolLetter as c = if(backupOriginal,"t","f")
        dim msg as c =<<%txt%
An error occurred when running a5_make_jquery_safe. Check to make sure the file, '{fileName}', is not empty and contains JavaScript.

Additional information about the error may be available. Execute the following code in the Xbasic interactive window to learn more:

? a5_make_jquery_safe("{fileName}", .{boolLetter}.)
%txt%
        msg = evaluate_string(msg)
        ui_msg_box("Error Occurred", msg)
    end if
else
    ui_msg_box("Error Occurred","File does not exist")
end if

Có thể tải xuống Thành phần UX miễn phí sử dụng hàm a5_make_jquery_safe() để làm cho thư viện của bên thứ ba trở nên an toàn khi sử dụng với Alpha Anywhere do người dùng Alpha Anywhere xây dựng từ chủ đề "jQuery và Alpha 5" trên Diễn đàn người dùng Alpha

Có thể tạo các hàm JavaScript trong một tệp bên ngoài không?

Làm cách nào để gọi một hàm trong tệp js bên ngoài?

Làm cách nào để viết trong tệp JavaScript?

Làm cách nào để tạo một hàm trong JavaScript?