JavaScript 在HTML页面中书写的三种方法


JavaScript书写方法

  JS有三种书写方式:行内式、内嵌式、外部式

行内式

<input type="button" value="hi" onclick="alert('hello world')">

  *可以单行少量或少量的JS代码写在HTML标签中

  * 注意单双引号的使用:在HTML中我们推荐使用双引号,JS中我们推荐使用单引号

  *不推荐使用

内嵌式

<script>
    alert("你看到了吗?");
    confirm("你确定吗?");
</script>

  *可以将多行代码写到<script>标签中

  *内嵌式JS学习是经常使用

外部式

<script src="login.js"></script>

  *把大量的JS代码独立到HTML页面之外,美观,复用

  *引用外部JS文件的<script>标签中间不可以写代码

  *适用于JS代码大量的情况

Example:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style></style>
    <!-- 内嵌式 -->
    <script>
        alert("hello world")
    </script>
    <!-- 外部式 -->
    <script src="login.js"></script>
</head>
<body>
<!-- 行内式 -->
<input type="button" value="hi" onclick="alert('hello world')">

<!-- 内嵌式 -->
<script>
    alert("你看到了吗?");
    confirm("你确定吗?");
</script>

</body>
</html>

  

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM