Hướng dẫn can javascript be in separate file? - javascript có thể nằm trong tệp riêng biệt không?

6

Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.

Tôi có mã này được đặt trong index.html, tất cả cùng nhau - JavaScript và HTML. Điều tôi muốn là đặt JS vào một tệp khác, riêng biệt có tên là "PW.JS".

Tôi đã tạo một tệp JS trống nằm trong thư mục "JS". Tôi đã thêm nó vào (đầu) cũng như thế này

Đây là những gì tôi có bây giờ trong index.html, làm thế nào để đặt JS tách biệt? Hãy nói cụ thể trong câu trả lời, tôi là người mới bắt đầu.



Password:

Hướng dẫn can javascript be in separate file? - javascript có thể nằm trong tệp riêng biệt không?

Paul Roub

36.1k27 Huy hiệu vàng80 Huy hiệu bạc88 Huy hiệu đồng27 gold badges80 silver badges88 bronze badges

Hỏi ngày 24 tháng 8 năm 2015 lúc 20:31Aug 24, 2015 at 20:31

3

Tệp pw.js của bạn trong thư mục JS:

function isValid() {
    var password = document.getElementById('password').value;
    if (password == "123")
        top.location.href="./file.pdf";
    else 
        window.location.reload();
}

Tệp HTML của bạn:


Password:

Joel

3783 Huy hiệu bạc14 Huy hiệu Đồng3 silver badges14 bronze badges

Đã trả lời ngày 24 tháng 8 năm 2015 lúc 20:39Aug 24, 2015 at 20:39

Pepo_rastaPepo_rastaPepo_rasta

2.78210 Huy hiệu bạc20 Huy hiệu Đồng10 silver badges20 bronze badges

0


Các tệp JavaScript có phần mở rộng tệp .js.

Để sử dụng tập lệnh bên ngoài, hãy đặt tên của tệp tập lệnh vào thuộc tính

function isValid() {
    var password = document.getElementById('password').value;
    if (password == "123")
        top.location.href="./file.pdf";
    else 
        window.location.reload();
}
3 (nguồn) của thẻ

Demo javascript trong đầu

Một đoạn nó
The type attribute is not required. JavaScript is the default scripting language in HTML.


Chức năng và sự kiện của JavaScript

Hãy tự mình thử »

Trong ví dụ này, JavaScript function được đặt trong phần của trang HTML.event occurs, like when the user clicks a button.

Bạn sẽ tìm hiểu nhiều hơn về các chức năng và sự kiện trong các chương sau.


JavaScript trong hoặc

Bạn có thể đặt bất kỳ số lượng tập lệnh nào trong tài liệu HTML.

Các tập lệnh có thể được đặt trong hoặc trong phần của trang HTML hoặc trong cả hai.


JavaScript trong

Trong ví dụ này, JavaScript function được đặt trong phần của trang HTML.

Hàm được gọi (được gọi) khi nhấp vào nút:

Thí dụ

function myFunction () {& nbsp; & nbsp; document.getEuityById ("demo"). innerHtml = "Đoạn đã thay đổi."; }




Demo javascript trong đầu

Một đoạn nó

Chức năng và sự kiện của JavaScript

Hãy tự mình thử »



JavaScript trong

Trong ví dụ này, JavaScript function được đặt trong phần của trang HTML.

Hàm được gọi (được gọi) khi nhấp vào nút:

Thí dụ

Chức năng và sự kiện của JavaScript

Hãy tự mình thử »

JavaScript trong

Trong ví dụ này, JavaScript function được đặt trong phần của trang HTML.

Hàm được gọi (được gọi) khi nhấp vào nút:
function myFunction() {
  document.getElementById("demo").innerHTML = "Paragraph changed.";
}

Chức năng và sự kiện của JavaScript

Hãy tự mình thử »

JavaScript trong


Trong ví dụ này, JavaScript function được đặt trong phần của trang HTML.

Hàm được gọi (được gọi) khi nhấp vào nút:

Thí dụ

Demo javascript trong cơ thể
  document.getElementById("demo").innerHTML = "Paragraph changed.";
}

Một đoạn văn

Thử nó.js.

hàm myFunction () {& nbsp; Document.getEuityById ("Demo"). Internhtml = "Đoạn đã thay đổi."; }

Đặt các tập lệnh ở dưới cùng của phần tử sẽ cải thiện tốc độ hiển thị, bởi vì diễn giải tập lệnh làm chậm màn hình.

JavaScript bên ngoài

Các tập lệnh cũng có thể được đặt trong các tệp bên ngoài:


Tệp bên ngoài: myscript.js

hàm myFunction () {& nbsp; Document.getEuityById ("Demo"). Internhtml = "Đoạn đã thay đổi."; }

  • Các tập lệnh bên ngoài là thực tế khi cùng một mã được sử dụng trong nhiều trang web khác nhau.
  • Các tệp JavaScript có phần mở rộng tệp .js.
  • Để sử dụng tập lệnh bên ngoài, hãy đặt tên của tệp tập lệnh vào thuộc tính
    function isValid() {
        var password = document.getElementById('password').value;
        if (password == "123")
            top.location.href="./file.pdf";
        else 
            window.location.reload();
    }
    
    3 (nguồn) của thẻ


    Demo javascript trong cơ thể

    Một đoạn văn

    • Thử nó
    • hàm myFunction () {& nbsp; Document.getEuityById ("Demo"). Internhtml = "Đoạn đã thay đổi."; }
    • Đặt các tập lệnh ở dưới cùng của phần tử sẽ cải thiện tốc độ hiển thị, bởi vì diễn giải tập lệnh làm chậm màn hình.

    JavaScript bên ngoàifull URL to link to myScript.js:

    Thí dụ

    Demo javascript trong cơ thể

    Hãy tự mình thử »

    Một đoạn vănfile path to link to myScript.js:

    Thử nó

    hàm myFunction () {& nbsp; Document.getEuityById ("Demo"). Internhtml = "Đoạn đã thay đổi."; }



    Tất cả JavaScript của tôi có nên ở trong một tệp không?

    Để tránh nhiều yêu cầu máy chủ, hãy nhóm các tệp JavaScript của bạn thành một. Bất cứ điều gì bạn sử dụng cho hiệu suất, hãy cố gắng thu nhỏ JavaScript để cải thiện thời gian tải của trang web. Nếu bạn đang sử dụng ứng dụng một trang, thì hãy nhóm tất cả các tập lệnh trong một tệp.. Whatever you use for performance, try to minify JavaScript to improve the load time of the web page. If you are using single page application, then group all the scripts in a single file.

    JavaScript có nên luôn ở trong một tệp riêng biệt không?

    Bạn nên đặt mã JS của mình vào một tệp riêng vì điều này giúp kiểm tra và phát triển dễ dàng hơn. Câu hỏi làm thế nào bạn phục vụ mã là một vấn đề khác. Phục vụ HTML và JS riêng biệt có lợi thế là máy khách có thể lưu trữ JS.. The question of how you serve the code is a different matter. Serving the HTML and the JS separately has the advantage that a client can cache the JS.

    Tôi có thể sử dụng chức năng JavaScript từ một tệp khác không?

    Miễn là cả hai được tham chiếu bởi trang web, có.Bạn chỉ cần gọi các chức năng như thể chúng nằm trong cùng một tệp JS.. You simply call the functions as if they are in the same JS file.

    Tôi có thể viết JavaScript cả trong HTML và cũng là một tệp riêng không?

    Chúng tôi cũng có thể tạo một tệp riêng để giữ mã JavaScript với phần mở rộng (.js) và sau đó kết hợp/đưa nó vào tài liệu HTML của chúng tôi bằng thuộc tính SRC của thẻ.Nó trở nên rất hữu ích nếu chúng ta muốn sử dụng cùng một mã trong nhiều tài liệu HTML. js) extension and later incorporate/include it into our HTML document using the src attribute of the