Maison  >  Article  >  interface Web  >  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

云罗郡主
云罗郡主avant
2018-10-22 16:42:392496parcourir

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>

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>

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>

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer