Maison > interface Web > js tutoriel > Quelles sont les trois façons d'utiliser js ? quelle est la différence

Quelles sont les trois façons d'utiliser js ? quelle est la différence

云罗郡主
Libérer: 2018-10-22 16:42:39
avant
2509 Les gens l'ont consulté

Ce que cet article vous apporte, c'est quelles sont les trois façons d'utiliser js ? Quelle est la différence ? Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

1. Inline js : js n'est pas écrit séparément

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js使用方式1:行内js</title>
</head>
<body>
<input type="button" value="点击有惊喜" onclick="javascript:alert(&#39;哈哈哈哈&#39;)">
<!--onclick:点击触发一个事件,alert:弹出一个对话框-->
</body>
</html>
Copier après la connexion

2.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js使用方式2:内部js</title>
    <script type="text/javascript">
        //声明一个函数(整个文档都可以使用)
        function surprise() {
            alert(&#39;恭喜你中了一百万&#39;)/*弹出框*/
        }
    </script>
</head>
<body>
<input type="button" value="点击有惊喜" onclick="surprise()"><!--调用函数-->
<input type="button" value="点击" onclick="surprise()">
</body>
</html>
Copier après la connexion

3. Js externe : de nombreuses pages HTML peuvent appeler la page set js

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js使用方式3:外部js</title>
    <!--很多html页面都可以调用js4.js页面-->
    <script src="../../js/js4.js" type="text/javascript" charset="utf-8">
    </script>
</head>
<body>
<input type="button" value="点击" onclick="test()">
</body>
</html>
Copier après la connexion

Voici les trois façons d'utiliser js. Qu'est-ce que c'est? Toutes les différences sont introduites. Si vous souhaitez en savoir plus sur le Tutoriel vidéo JavaScript, veuillez faire attention au site Web PHP chinois.


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!

Étiquettes associées:
source:csdn.net
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal