Hướng dẫn can i use require in html script? - tôi có thể sử dụng yêu cầu trong tập lệnh html không?

Question

Tôi đang viết mã HTML liên quan đến mã JS. Dưới đây là một ví dụ đơn giản:

Nội dung chính Show

JavaScript không giống như Node.js
Lý do nó hoạt động khi bạn chạy với nút là vì Node đã có trình tải mô -đun riêng.
Thêm Yêu cầuJS § 2§ 2
Điều đó sẽ tải tập lệnh trợ giúp/Util.js. Để có được toàn bộ lợi thế của các yêu cầu, hãy xem các tài liệu API để tìm hiểu thêm về việc xác định và sử dụng các mô -đun.§ 3
Tôi có thể sử dụng yêu cầu trong JavaScript không?
Chúng tôi có thể sử dụng yêu cầu trong trình duyệt không?
Tại sao tôi không thể sử dụng yêu cầu trong JS?
Tôi nên sử dụng nhập khẩu hay yêu cầu?

<!DOCTYPE html PUBLIC >
<html>
<body>
<h2>Use JavaScript to Change Text</h2>
<p>This example writes "Hello JavaScript!" into an HTML element with id="demo":</p>
<p id="demo"></p>
<script>
    var net     = require('net');
    var sleep   = require('sleep');
    var element = document.getElementById("demo");
    element.innerHTML = "Hello JavaScript!";
    sleep(1)
</script>

Thật không may "Xin chào JavaScript!" Không xuất hiện khi tôi duyệt tệp trên bằng trình duyệt của mình. Nhìn vào bên trong bảng điều khiển gỡ lỗi, tôi có thể thấy tin nhắn folowing:

ReferenceError: require is not defined

Vì vậy, có vẻ như yêu cầu không được xác định bên trong mã HTML nhưng tôi đã viết một tệp Test.js nhỏ như dưới đây:

var net = require('net');
var sleep = require('sleep');
sleep.sleep(1)

Và sau đó tôi chạy nó với

node test.js.

Không có lỗi, mọi thứ hoạt động tốt, yêu cầu cũng có sẵn và ngủ và mạng. Tại sao mã bên trong tệp HTML không hoạt động?

Hỏi ngày 24 tháng 4 năm 2018 lúc 21:39Apr 24, 2018 at 21:39

2

JavaScript không giống như Node.js

Yêu cầu () không phải là một phần của tiêu chuẩn JavaScript và không được các trình duyệt hỗ trợ ra khỏi hộp, đó là hệ thống mô -đun Node.js.

Bạn có thể cần phải trực tiếp bao gồm các mô -đun; Một số mô -đun có thể không hoạt động trong bối cảnh hộp cát của trình duyệt.

Ngoài ra, các công cụ như http://browserify.org/ có thể hữu ích.

Đã trả lời ngày 24 tháng 4 năm 2018 lúc 21:45Apr 24, 2018 at 21:45

PeterispeterisPeteris

3.1372 Huy hiệu vàng24 Huy hiệu bạc39 Huy hiệu Đồng2 gold badges24 silver badges39 bronze badges

Lý do bạn nhận được ReferenceError: require is not defined là vì không nơi nào trong trang HTML của bạn được yêu cầu bao gồm. Yêu cầu không đi kèm với thư viện JavaScript tiêu chuẩn của bạn. Bạn phải bao gồm tệp trên trang của bạn để nó có thể được tải và sử dụng.

Điều này có thể được thực hiện bằng cách thêm <script src="myJS.js"></script> vào thẻ <head> hoặc <body>. Tất nhiên, tệp

ReferenceError: require is not defined

0 sẽ được thay thế bằng tệp

ReferenceError: require is not defined

1.

Lý do nó hoạt động khi bạn chạy với nút là vì Node đã có trình tải mô -đun riêng.

Đã trả lời ngày 24 tháng 4 năm 2018 lúc 21:46Apr 24, 2018 at 21:46

Celacelacela

2.2403 huy hiệu vàng22 Huy hiệu bạc40 Huy hiệu đồng3 gold badges22 silver badges40 bronze badges

Thêm Yêu cầuJS § 2§ 2

Lưu ý: Để biết lời khuyên dành riêng cho jquery, hãy xem trang Tích hợp JQuery

Thiết lập này giả định bạn giữ tất cả các tệp JavaScript của mình trong thư mục "tập lệnh" trong dự án của bạn. Ví dụ: nếu bạn có một dự án có trang dự án.html, với một số tập lệnh, bố cục thư mục có thể trông giống như vậy:

định hướng dự án/
- Dự án.html
- kịch bản/
  - main.js
  - người giúp đỡ/
    - util.js

Thêm yêu cầu.js vào thư mục Script, vì vậy có vẻ như vậy:

định hướng dự án/
- project.html
- kịch bản/
  - main.js
  - require.js
  - người giúp đỡ/
    - util.js

Thêm yêu cầu.js vào thư mục Script, vì vậy có vẻ như vậy:

<!DOCTYPE html>
<html>
    <head>
        <title>My Sample Project</title>
        <!-- data-main attribute tells require.js to load
             scripts/main.js after require.js loads. -->
        <script data-main="scripts/main" src="scripts/require.js"></script>
    </head>
    <body>
        <h2>My Sample Project</h2>
    </body>
</html>

Để tận dụng tối đa công cụ tối ưu hóa, bạn nên giữ tất cả các tập lệnh nội tuyến ra khỏi HTML và chỉ tham chiếu yêu cầu.

Bạn cũng có thể đặt đầu thẻ script của phần của phần nếu bạn không muốn tải tập lệnh yêu cầu.js để chặn kết xuất. Đối với các trình duyệt hỗ trợ nó, bạn cũng có thể thêm một thuộc tính async vào thẻ tập lệnh.

requirejs(["helper/util"], function(util) {
    //This function is called when scripts/helper/util.js is loaded.
    //If util.js calls define(), then this function is not fired until
    //util's dependencies have loaded, and the util argument will hold
    //the module value for "helper/util".
});

Bên trong main.js, bạn có thể sử dụng requestjs () để tải bất kỳ tập lệnh nào khác bạn cần chạy. Điều này đảm bảo một điểm nhập duy nhất, vì tập lệnh dữ liệu chính mà bạn chỉ định được tải không đồng bộ.

Điều đó sẽ tải tập lệnh trợ giúp/Util.js. Để có được toàn bộ lợi thế của các yêu cầu, hãy xem các tài liệu API để tìm hiểu thêm về việc xác định và sử dụng các mô -đun.§ 3

Tối ưu hóa § 3

Tôi có thể sử dụng yêu cầu trong JavaScript không?

Yêu cầu trực tuyến được tích hợp với NodeJS với yêu cầu, bạn có thể đưa chúng vào các tệp JavaScript của mình và sử dụng các chức năng và biến của chúng. Tuy nhiên, nếu bạn đang sử dụng yêu cầu để có được các mô -đun cục bộ, trước tiên bạn cần xuất chúng bằng mô -đun.you can include them in your JavaScript files and use their functions and variables. However, if you are using require to get local modules, first you need to export them using module.

Chúng tôi có thể sử dụng yêu cầu trong trình duyệt không?

Yêu cầu là một tệp JavaScript và Trình tải mô -đun.Nó được tối ưu hóa để sử dụng trong trình duyệt, nhưng nó có thể được sử dụng trong các môi trường JavaScript khác, như Rhino và Node.Sử dụng trình tải tập lệnh mô -đun như RequestJS sẽ cải thiện tốc độ và chất lượng mã của bạn.Bắt đầu sau đó kiểm tra API.It is optimized for in-browser use, but it can be used in other JavaScript environments, like Rhino and Node. Using a modular script loader like RequireJS will improve the speed and quality of your code. Get started then check out the API.

Tại sao tôi không thể sử dụng yêu cầu trong JS?

Hàm javaScript yêu cầu () chỉ có sẵn theo mặc định trong môi trường Node.js.Điều này có nghĩa là trình duyệt sẽ không biết ý của bạn với yêu cầu () gọi trong mã của bạn.Nhưng yêu cầu () thực sự không cần thiết vì các trình duyệt tự động tải tất cả các tệp bạn đã thêm vào tệp HTML của bạn. js environment. This means the browser won't know what you mean with the require() call in your code. But require() is actually not needed because browsers automatically load all the

programming html RequireJS Requirejs html Add script js Require as NodeJS Install require JS