Mari kita bincangkan tentang perbezaan dan hubungan antara JavaScript dan HTML

Artikel ini membawakan anda pengetahuan yang berkaitan tentang javascript, yang terutamanya memperkenalkan isu berkaitan tentang hubungan dan perbezaan antara JavaScript dan html ialah bahasa pengecaman JavaScript. Mari kita lihat saya berharap ia akan membantu semua orang.

[Cadangan berkaitan: tutorial video javascript, bahagian hadapan web]

Apakah HTML?

HTML dipanggil HyperText Markup Language (HyperText Markup Language), iaitu bahasa markup. Ia termasuk satu siri tag. Teg ini boleh menyatukan format dokumen pada rangkaian dan menyambungkan sumber Internet yang berselerak ke dalam keseluruhan yang logik. [Disyorkan: Manual Dalam Talian HTML]

Teks HTML ialah teks deskriptif yang terdiri daripada arahan HTML yang boleh menerangkan teks, grafik, animasi, bunyi, jadual, pautan, dll.

Hiperteks ialah cara menyusun maklumat dengan menghubungkan perkataan, grafik dan media maklumat lain dalam teks melalui hiperpautan. Media maklumat yang saling berkaitan ini mungkin dalam teks yang sama, mungkin fail lain, atau mungkin fail pada komputer yang jauh dari segi geografi. Cara penyusunan maklumat ini menghubungkan sumber maklumat yang diedarkan di lokasi yang berbeza secara rawak, menjadikannya lebih mudah untuk orang ramai mencari dan mendapatkan maklumat.

Apakah itu JavaScript?

JavaScript ialah bahasa skrip literal yang ditafsirkan dan berasaskan prototaip Ia adalah bahasa berbilang paradigma Ia menyokong pengaturcaraan berorientasikan objek, dan pengaturcaraan berfungsi.

Javascript diklasifikasikan sebagai bahasa terjemahan literal kerana enjin arus perdana memuatkan kod dan mentafsirnya setiap kali ia dijalankan.

JavaScript telah diseragamkan sebagai bahasa oleh ECMA (European Computer Manufacturers Association) melalui ECMAScript. Ia digunakan oleh kebanyakan tapak web di dunia dan turut disokong oleh penyemak imbas arus perdana dunia (Chrome, IE, Firefox, Safari, Opera).

JavaScript ialah bahasa skrip rangkaian yang telah digunakan secara meluas dalam pembangunan aplikasi web Ia sering digunakan untuk menambah pelbagai fungsi dinamik pada halaman web untuk memberikan pengguna kesan penyemakan imbas yang lebih lancar dan cantik.

Perbezaan antara HTML dan JavaScript

1. Perbezaan penting

HTML ialah bahasa penanda tanpa fungsi logik , seperti c dan java, mempunyai fungsi logik.

2. Perbezaan dalam penggunaan

HTML menyediakan kandungan statik pada halaman web. JavaScript menambah fungsi dinamik pada halaman web statik.

HTML ialah asas untuk penghasilan halaman web. Apa yang dihasilkan adalah statik, dan JS ialah skrip, yang boleh digabungkan dengan HTML untuk menghasilkan halaman web yang lebih berkuasa. Boleh mengendalikan beberapa masalah logik dinamik.

JavaScript boleh dibenamkan dalam HTML, tetapi HTML tidak boleh dibenamkan dalam JavaScript.

javaScript adalah sensitif huruf besar-besaran, tetapi html tidak begitu ketat.

3. Perbezaan standardisasi

HTML adalah berdasarkan piawaian W3C dan WHATWG, dan JavaScript adalah berdasarkan piawaian ECMA.

4. Perbezaan keserasian

HTML adalah serasi merentas penyemak imbas, yang bermaksud ia serasi dengan semua versi semua penyemak imbas web, termasuk penyemak imbas moden. Semua penyemak imbas, sama ada lama atau baharu, mengendalikan elemen tidak dikenali sebagai elemen sebaris secara lalai, yang memudahkan pelayar web lama mengendalikan elemen HTML yang tidak diketahui.

Sebaliknya, JavaScript tidak mempunyai keserasian merentas penyemak imbas, yang menjadikan beberapa fungsi tidak serasi dengan penyemak imbas tertentu.

Cara mengaitkan JS dengan HTML

Nota: Fail js yang berasingan perlu diimport ke dalam fail html sebelum kod boleh berkuat kuasa. Untuk kaedah, sila rujuk pautan pautan ini

1.js mengendalikan komponen html melalui id

Contoh kod

<!--html代码-->
<input type="text" id="myqr">//设定组件的id为“myqr”

Gunakan document.getElementById () fungsi kepada Komponen dikaitkan dengan pembolehubah js

dan kemudian menggunakan (nama pembolehubah.property) untuk mengendalikan atribut yang sepadan bagi komponen

//js代码
var love = document.getElementById('myqr');//通过id获取对应组件的索引
var a = love.value;//将组件的value属性值赋给变量a
love.value = "love you so much";//将组件的输入内容设为该字符串
love.type = "file";//将组件的输入类型设为文件

2. Fungsi JS bertindak balas kepada butang melalui atribut onclick

<!--html代码-->
<button onclick="myqr()">完成</button>

Tetapkan atribut onclick komponen butang kepada myqr(), dan apabila butang diklik, fungsi myqr() js akan dicetuskan

//js代码
function  myqr(){
   alert("love you so much");
}

[Cadangan berkaitan: Tutorial video javascript, bahagian hadapan web]

Atas ialah kandungan terperinci Mari kita bincangkan tentang perbezaan dan hubungan antara JavaScript dan HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!