Tại sao javascript bên ngoài không hoạt động?

JavaScript là ngôn ngữ kịch bản được sử dụng rộng rãi để thêm chức năng động vào trang web, bên cạnh HTML và CSS. Các sự kiện, hoạt ảnh và cập nhật nội dung do người dùng kích hoạt nằm trong số một số tính năng trên trang web được cung cấp bởi JavaScript. Để sử dụng JavaScript trên trang web HTML, bạn phải sử dụng



  
    Example Web Page with JavaScript
  
  
    
  
13

Ví dụ này thêm mã JavaScript trực tiếp vào phần đánh dấu HTML

Ví dụ tiếp theo chứng minh



  
    Example Web Page with JavaScript
  
  
    
  
13

Trong ví dụ,



  
    Example Web Page with JavaScript
  
  
    
  
13

Thuộc tính



  
    Example Web Page with JavaScript
  
  
    
  
16 sử dụng đường dẫn tương đối đến tệp


  
    Example Web Page with JavaScript
  
  
    
  
17 chứa mã JavaScript mà bạn muốn thực thi

  • Truy cập trang HTML trong trình duyệt bằng cách nhập địa chỉ sau.

    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    18. Nhấp vào nút và quan sát rằng nó tạo ra một hộp thoại cảnh báo

    Bạn cũng có thể xem kết quả bằng cách xem tệp

    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    19 đi kèm của chúng tôi

  • Giống như

    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    20, sử dụng
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    3 yêu cầu trình duyệt tải xuống tệp JavaScript được liên kết trong nền trong khi trang tiếp tục tải. Tuy nhiên, không giống như
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    20,
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    3 ngăn không cho tập lệnh đã tải được thực thi cho đến khi trang được hiển thị đầy đủ. Điều này làm cho
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    3 đặc biệt hữu ích khi mã JavaScript của bạn dựa trên một hoặc nhiều phần tử được hiển thị và có sẵn. Vì
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    3 đảm bảo rằng tập lệnh chỉ chạy khi trang đã được tải hoàn tất, nên bạn có thể yên tâm rằng tập lệnh sẽ không chạy cho đến khi tất cả các phần tử bắt buộc có trên trang

    Tập tin. mục lục. html

    1
    2
    3
    4
    5
    6
    7
    8
    9
    
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    

    Hướng dẫn này trình bày thông tin cơ bản mà bạn cần để bắt đầu sử dụng JavaScript trên các trang HTML của mình. Cho dù bạn định nhúng tập lệnh hay liên kết tệp JavaScript vào HTML của mình, thì hướng dẫn này cũng phác thảo các bước cần thiết để thực hiện việc đó

    Bước tiếp theo, bạn có thể quan tâm đến việc xem một số hướng dẫn JavaScript khác của chúng tôi. Chẳng hạn, hãy xem hướng dẫn Duyệt qua mô hình đối tượng tài liệu bằng JavaScript, hướng dẫn Cách sửa đổi DOM bằng JavaScript và hướng dẫn Đối tượng JavaScript của chúng tôi

    JavaScript là một trong những ngôn ngữ lập trình được giải thích, nhẹ và được biên dịch phổ biến nhất. Nó là đồng bộ và đơn luồng. Các chương trình trong JavaScript được gọi là tập lệnh được thực thi dưới dạng văn bản thuần túy. Chúng tôi có thể viết các tập lệnh này trực tiếp trên trang HTML của mình hoặc sử dụng tệp JavaScript bên ngoài. JavaScript có thể thực thi trong trình duyệt và cả trên máy chủ hoặc trên thực tế trên bất kỳ thiết bị nào có chương trình đặc biệt gọi là công cụ JavaScript. JavaScript được sử dụng cho phía máy chủ cũng như trong các phát triển phía máy khách

    Có 2 cách để sử dụng javascript trong tệp HTML

    • Internal JavaScript: JavaScript can be added directly to the HTML file by writing the code inside the tag . We can place the tag  either inside or the tag  according to the need.
    • External JavaScript: The other way is to write JavaScript code in another file having a .js extension and then link the file inside the or tag of the HTML file in which we want to add this code.

    Ví dụ. Ví dụ này mô tả việc sử dụng Javascript nội bộ

    HTML




    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    22

    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    23
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    24
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    25

    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    26

    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    23
    Hi Geeks, Welcome to GfG
    0
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    25

    Hi Geeks, Welcome to GfG
    2
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    23____64
    Hi Geeks, Welcome to GfG
    5
    Hi Geeks, Welcome to GfG
    4
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    25

    Hi Geeks, Welcome to GfG
    8
    Hi Geeks, Welcome to GfG
    0____125

    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    26

    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    23
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    33
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    25

    Hi Geeks, Welcome to GfG
    2
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    23____137
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    38
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    37
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    25

    Hi Geeks, Welcome to GfG
    2
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    23____193
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    25

    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    95

    Hi Geeks, Welcome to GfG
    2
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    97

    Hi Geeks, Welcome to GfG
    2
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    99

    Hi Geeks, Welcome to GfG
    2
    Hi Geeks, Welcome to GfG
    8
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    93
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    25

    Hi Geeks, Welcome to GfG
    8
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    33____125

    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    26

    Hi Geeks, Welcome to GfG
    8
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    24
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    25

    đầu ra

    Hi Geeks, Welcome to GfG

    Ví dụ. Ví dụ này mô tả việc sử dụng Javascript bên ngoài

    HTML




    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    22

    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    23
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    24
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    25

    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    26

    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    23
    Hi Geeks, Welcome to GfG
    0
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    25

    Hi Geeks, Welcome to GfG
    2
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    23____64
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    242
    Hi Geeks, Welcome to GfG
    4
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    25

    Hi Geeks, Welcome to GfG
    8
    Hi Geeks, Welcome to GfG
    0____125

    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    26

    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    23
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    33
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    25

    Hi Geeks, Welcome to GfG
    2
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    23____137
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    38
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    37
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    257

    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    95

    Hi Geeks, Welcome to GfG
    2
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    23
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    93
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    262
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    263
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    264
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    265
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    93
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    267

    Hi Geeks, Welcome to GfG
    8
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    33____125

    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    26

    Hi Geeks, Welcome to GfG
    8
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    24
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    25

    tệp bên ngoài. GfG. js

    Javascript




    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    235
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    236____1237

    đầu ra.  

    Hi Geeks, Welcome to GfG

    JavaScript bên ngoài là gì?

    External JavaScript is when the JavaScript Code[script] is written in another file having an extension .js and then we link this file inside the or tag of our HTML file in which the code is to be added. The use of external JavaScript is more practical when the same code is to be used in many different web pages. Using an external script is easy , just put the name of the script file[our .js file] in the src [source] attribute of tag. External JavaScript file can not contain tags.

     

    cú pháp.  

    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    3

    Giá trị thuộc tính

    • loại. Nó được sử dụng để chỉ định loại tập lệnh MIME và xác định nội dung của Thẻ. Nó có một giá trị mặc định là “ văn bản/javascript” .
    • src. Nó được sử dụng để chỉ định URL của an tệp JavaScript bên ngoài.
    • không đồng bộ. Nó là một thuộc tính boolean. Khi xuất hiện, nó chỉ định rằng tập lệnh sẽ được thực thi không đồng bộ khi có sẵn.
    • trì hoãn. Đó là một thuộc tính boolean that được sử dụng để chỉ định rằng tập lệnh được thực thi khi trang đã hoàn tất quá trình phân tích cú pháp.
    • chính trực. Nó được sử dụng để cấp quyền cho Trình duyệt kiểm tra tập lệnh đã tìm nạp để đảm bảo mã nguồn không bao giờ được tải.
    • chính sách giới thiệu. Nó được sử dụng để chỉ định thông tin tham chiếu sẽ được gửi đến máy chủ khi tìm nạp tập lệnh.

    Multiple script files can also be added to one page using several tags.

    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    9

    Ví dụ. Ví dụ này mô tả việc sử dụng các tệp Javascript bên ngoài trong đó một con trỏ di chuyển văn bản cụ thể sau đó văn bản thay đổi thành một văn bản khác

    HTML




    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    22

    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    23
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    24
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    25

    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    26

    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    23
    Hi Geeks, Welcome to GfG
    0
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    25

    Hi Geeks, Welcome to GfG
    2
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    23____64
    Hi Geeks, Welcome to GfG
    09
    Hi Geeks, Welcome to GfG
    4
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    25

    Hi Geeks, Welcome to GfG
    2
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    23____614
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    25

    Hi Geeks, Welcome to GfG
    2
    Hi Geeks, Welcome to GfG
    17

    Hi Geeks, Welcome to GfG
    18
    Hi Geeks, Welcome to GfG
    19

    Hi Geeks, Welcome to GfG
    18
    Hi Geeks, Welcome to GfG
    21

    Hi Geeks, Welcome to GfG
    18
    Hi Geeks, Welcome to GfG
    23

    Hi Geeks, Welcome to GfG
    18
    Hi Geeks, Welcome to GfG
    25

    Hi Geeks, Welcome to GfG
    18
    Hi Geeks, Welcome to GfG
    27

    Hi Geeks, Welcome to GfG
    18
    Hi Geeks, Welcome to GfG
    29

    Hi Geeks, Welcome to GfG
    18
    Hi Geeks, Welcome to GfG
    31

    Hi Geeks, Welcome to GfG
    18
    Hi Geeks, Welcome to GfG
    33

    Hi Geeks, Welcome to GfG
    18
    Hi Geeks, Welcome to GfG
    35

    Hi Geeks, Welcome to GfG
    18
    Hi Geeks, Welcome to GfG
    37

    Hi Geeks, Welcome to GfG
    2
    Hi Geeks, Welcome to GfG
    39

    Hi Geeks, Welcome to GfG
    2
    Hi Geeks, Welcome to GfG
    8
    Hi Geeks, Welcome to GfG
    14
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    25

    Hi Geeks, Welcome to GfG
    8
    Hi Geeks, Welcome to GfG
    0____125

    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    26

    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    23
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    33
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    25

    Hi Geeks, Welcome to GfG
    2
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    23
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    37
    Hi Geeks, Welcome to GfG
    54
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    263
    Hi Geeks, Welcome to GfG
    56____138
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    37
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    25

    Hi Geeks, Welcome to GfG
    2
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    23
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    93
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    262
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    263
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    264
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    265
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    93
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    25

    Hi Geeks, Welcome to GfG
    8
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    33____125

    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    26

    Hi Geeks, Welcome to GfG
    8
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    24
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    25

    mã JS

    GfG. js




    Hi Geeks, Welcome to GfG
    76
    Hi Geeks, Welcome to GfG
    77
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    237

    Hi Geeks, Welcome to GfG
    79
    Hi Geeks, Welcome to GfG
    80
    Hi Geeks, Welcome to GfG
    81
    Hi Geeks, Welcome to GfG
    82
    Hi Geeks, Welcome to GfG
    83

    Hi Geeks, Welcome to GfG
    84
    Hi Geeks, Welcome to GfG
    85
    
    
      
        Example Web Page with JavaScript
      
      
        
      
    
    236
    Hi Geeks, Welcome to GfG
    87

    Hi Geeks, Welcome to GfG
    88

    đầu ra. Khi con trỏ đã di chuột vào phần tử, văn bản bên trong phần tử [i. e GeekforGeeks] thay đổi thành “Xin chào các chuyên viên máy tính, Chào mừng đến với GfG”.  

    Tại sao tệp js bên ngoài của tôi không hoạt động?

    Bạn nên đặt tất cả mã javascript vào thẻ nó chỉ cần nằm trong cùng thư mục với tệp html, bạn không cần chỉ định toàn bộ thư mục gốc .

    JavaScript bên ngoài hoạt động như thế nào?

    JavaScript bên ngoài. Một cách khác là viết mã JavaScript trong một tệp khác có. js và sau đó liên kết tệp bên trong thẻ .

    JavaScript bên ngoài có tốt hơn không?

    Để nâng cao hiệu suất, hãy cố gắng giữ JavaScript bên ngoài. Mã riêng biệt giúp trình duyệt web lưu vào bộ đệm dễ dàng hơn. Tuy nhiên, chỉ sử dụng tập lệnh nội tuyến khi bạn tạo trang web một trang. Tuy nhiên, tốt hơn là sử dụng mã bên ngoài i. e. JavaScript bên ngoài .

    Phần mở rộng nào nên được sử dụng cho tệp JavaScript bên ngoài?

    JavaScript bên ngoài . js .js .

    Chủ Đề