Rumah > hujung hadapan web > html tutorial > Bezakan antara import dan pautan

Bezakan antara import dan pautan

王林
Lepaskan: 2024-02-24 08:36:06
asal
688 orang telah melayarinya

Bezakan antara import dan pautan

Tajuk: Apakah perbezaan antara import dan pautan, contoh kod khusus diperlukan

Teks:
Apabila menulis halaman web atau program, kami sering menggunakan fail atau perpustakaan luaran untuk melaksanakan fungsi atau gaya tertentu. Apabila memperkenalkan fail luaran, kami sering menghadapi dua kaedah biasa: import dan pautan. Terdapat beberapa perbezaan dalam penggunaan antara kedua-dua kaedah ini Mari kita bincangkan perbezaan dan contoh kodnya secara terperinci.

  1. import
    Import ialah cara untuk memperkenalkan fail luaran dalam JavaScript, terutamanya digunakan untuk memperkenalkan fail JavaScript. Ia boleh digunakan dalam dua cara: async dan defer.

Kaedah async ialah kaedah pemuatan tak segerak Apabila penyemak imbas menghuraikan pernyataan import, ia tidak akan menunggu untuk memuat turun dan melaksanakan fail luaran, tetapi akan terus menghuraikan dan melaksanakan kod berikutnya. Kaedah ini sesuai untuk kod yang tidak bergantung pada fail luaran untuk pelaksanaan dan boleh mempercepatkan pemuatan halaman.

Contoh kod:

<script async src="main.js"></script>
Salin selepas log masuk

Kaedah penangguhan adalah kaedah pemuatan malas Berbeza dengan async, ia akan menunggu dokumen halaman dimuatkan sebelum melaksanakan. Ini memastikan bahawa fail luaran boleh mendapatkan elemen yang berkaitan pada halaman dan mengelakkan ralat.

Contoh kod:

<script defer src="main.js"></script>
Salin selepas log masuk

Perlu diingatkan bahawa kaedah import hanya sesuai untuk memperkenalkan fail JavaScript Ia tidak menyokong pengenalan fail CSS Ia mesti diimport menggunakan tag pautan sahaja.

  1. pautan
    pautan ialah cara untuk memperkenalkan fail luaran dalam HTML, terutamanya digunakan untuk memperkenalkan fail CSS. Ia mempunyai ciri-ciri berikut:

pautan boleh memperkenalkan fail CSS luaran untuk menggunakan gaya pada dokumen HTML. Ia boleh menentukan laluan fail CSS yang diimport melalui atribut href.

Contoh kod:

<link rel="stylesheet" href="style.css" />
Salin selepas log masuk

pautan juga menyokong penentuan ikon web, iaitu favicon. Laluan ke fail ikon boleh ditentukan melalui atribut rel="icon" dan href.

Contoh kod:

<link rel="icon" href="favicon.ico" />
Salin selepas log masuk

Selain itu, tag pautan boleh menentukan syarat yang berkenaan bagi fail gaya melalui atribut media. Sebagai contoh, kita boleh menghantar media="screen" untuk menentukan bahawa fail gaya hanya digunakan apabila skrin dipaparkan.

Contoh kod:

<link rel="stylesheet" href="style.css" media="screen" />
Salin selepas log masuk

Perlu diingatkan bahawa cara pautan memperkenalkan fail luaran dimuatkan secara serentak, iaitu penyemak imbas akan memuat turun dan melaksanakan fail luaran serta-merta apabila tag pautan dihuraikan. Ini boleh menyebabkan halaman dimuatkan dengan lebih perlahan, jadi berhati-hati apabila menggunakan pautan.

Ringkasan:
import dan pautan ialah dua cara yang biasa digunakan untuk memperkenalkan fail luaran, dan terdapat beberapa perbezaan dalam penggunaannya. Import digunakan terutamanya untuk memperkenalkan fail JavaScript, menyokong pemuatan asynchronous dan malas manakala pautan digunakan terutamanya untuk memperkenalkan fail CSS, menyokong definisi keadaan gaya dan ikon web. Dalam pembangunan sebenar, adalah sangat penting untuk memilih kaedah pengenalan yang sesuai mengikut keperluan dan senario anda sendiri.

Atas ialah kandungan terperinci Bezakan antara import dan pautan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan