Parlons des différences et des relations entre JavaScript et HTML

Cet article vous apporte des connaissances pertinentes sur javascript, qui présente principalement des questions connexes sur la relation et la différence entre JavaScript et HTML est un langage symbolique, et JavaScript est un langage de script interprété, jetons-y un coup d'œil. J'espère que cela sera utile à tout le monde.

【Recommandations associées : tutoriel vidéo javascript, front-end web】

Qu'est-ce que le HTML ?

HTML est appelé HyperText Markup Language et est un langage d'identification. Il comprend une série de balises. Ces balises peuvent unifier le format des documents sur le réseau et connecter des ressources Internet dispersées en un tout logique. [Recommandé : manuel HTML en ligne]

Le texte HTML est un texte descriptif composé de commandes HTML. Les commandes HTML peuvent décrire du texte, des graphiques, des animations, des sons, des tableaux, des liens, etc.

L'hypertexte est un moyen d'organiser l'information qui associe du texte, des graphiques et d'autres supports d'information dans le texte via des hyperliens. Ces supports d'informations interdépendants peuvent se trouver dans le même texte, peuvent être d'autres fichiers ou peuvent être des fichiers sur un ordinateur géographiquement distant. Cette façon d'organiser l'information relie les ressources d'information réparties à différents endroits de manière aléatoire, facilitant ainsi la recherche et la récupération des informations.

Qu'est-ce que JavaScript ?

JavaScript est un langage de script littéral interprété de haut niveau. Il s'agit d'un langage basé sur des prototypes et axé sur les fonctions. Il prend en charge la programmation orientée objet, la programmation impérative et la programmation fonctionnelle.

Javascript est classé comme langage de traduction littérale, car les moteurs traditionnels chargent le code et l'interprètent à chaque fois qu'il est exécuté.

JavaScript a été standardisé par l'ECMA (European Computer Manufacturers Association) via ECMAScript. Il est utilisé par la plupart des sites Web dans le monde et est également pris en charge par les principaux navigateurs mondiaux (Chrome, IE, Firefox, Safari, Opera).

JavaScript est un langage de script réseau largement utilisé dans le développement d'applications Web. Il est souvent utilisé pour ajouter diverses fonctions dynamiques aux pages Web afin de fournir aux utilisateurs des effets de navigation plus fluides et plus esthétiques.

La différence entre HTML et JavaScript

1. Différence essentielle

HTML est un langage de balisage sans fonctions logiques ; JavaScript est un langage de script, comme c et java, avec des fonctions logiques.

2. Différences d'utilisation

HTML fournit du contenu statique sur les pages Web. JavaScript ajoute des fonctionnalités dynamiques aux pages Web statiques.

Le HTML est la base de la production de pages Web. Ce qui est produit est statique et js est un script. Il est combiné avec du HTML pour générer une page Web plus puissante. Peut gérer certains problèmes de logique dynamique.

JavaScript peut être intégré dans HTML, mais HTML ne peut pas être intégré dans JavaScript.

javaScript est sensible à la casse, mais le HTML n'est pas très strict.

3. Différence de normalisation

HTML est basé sur les normes W3C et WHATWG, et JavaScript est basé sur les normes ECMA.

4. Différence de compatibilité

HTML est compatible avec tous les navigateurs, ce qui signifie qu'il est compatible avec toutes les versions de tous les navigateurs Web, y compris les navigateurs modernes. Tous les navigateurs, qu'ils soient anciens ou nouveaux, gèrent par défaut les éléments non reconnus comme des éléments en ligne, ce qui permet aux anciens navigateurs Web de gérer facilement les éléments HTML inconnus.

D'un autre côté, JavaScript manque de compatibilité entre navigateurs, ce qui rend certaines fonctions incompatibles avec certains navigateurs.

Comment associer JS à HTML

Remarque : un fichier js distinct doit être importé dans le fichier html avant que le code puisse prendre effet. Pour la méthode, veuillez vous référer à ce lien

1.js exploite les composants html par id

Exemple de code

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

Associez le composant aux variables js via la fonction document.getElementById()

Puis opérer via (la variable .property name) Propriétés correspondantes du composant

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

2. La fonction JS répond au bouton via l'attribut onclick

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

Définissez l'attribut onclick du composant bouton sur myqr(), puis lorsque le bouton est cliqué, la fonction myqr() de js sera déclenchée

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

【Recommandations associées : tutoriel vidéo javascript, front-end web】

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!