JS学习记录2

一、js第一种书写格式:直接写到元素内部

<html>
    <head>
        <title >JavaScript</title>
    </head>
    <body>
      <!-- 1、行内式的js :直接写在标签的内部-->
      <input type="button" value="唐伯虎" onclick="alert('秋香姐')">
    </body>
</html>

效果:点击唐伯虎按钮会出现 秋香的选择框

二、JS的第二种书写格式:内嵌式的JS

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <!-- 内嵌式的JS -->
  <script>
      alert("沙漠骆驼")
  </script>
  
</head>
<body>
  
</body>
</html>

效果:直接在浏览器中弹出“沙漠骆驼”
在这里插入图片描述

三、外部JS写法:通过引用已经写好的js文件,在当前页面中展示内容

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

猜你喜欢

转载自blog.csdn.net/qq_46161529/article/details/128472881
今日推荐