JS初体验

125 阅读2分钟

一、JS有3种书写位置,分别为行内、内嵌和外部。

1、行内式JS (了解)

<input type="button" value="唐伯虎" onclick = "alert('秋香姐')">
  • 可以将单行或少量JS代码写在HTML标签的事件属性中(以on开头的属性),如:onclick
  • 注意单双引号的使用,在HTML中我们推荐使用双引号,JS中我们推荐使用单引号
  • 可读性差,在HTML中编写JS大量代码时,不方便阅读
  • 引号易错,引号多层嵌套匹配时,非常容易弄混
  • 特殊情况下使用

2、内嵌JS (多用于练习)

<script>
    alert('Hello World~!');
</script>
  • 可以将多行JS代码写到script标签中
  • 内嵌JS是学习时的常用的方式

3、外部JS文件(经常使用)

<script src = "my.js"></script>
  • 利于HTML页面代码结构化,把大段JS代码独立到HTML页面之外,既美观,也方便文件级别的复用
  • 引用外部的JS文件的script标签中间不可以写代码
  • 适合于JS代码量比较大的情况

二、JS的注释

单行注释

// 1.单行注释 ctrl + /

多行注释

// 1.多行注释 shift + alt + a

三、JS的输入输出语句

1、alert()

说明:浏览器弹出警示框

归属:浏览器

<script>
    // alert 弹出警示框 输出的 展示给用户的
    alert('计算的结果是');
</script>

2、console.log()

说明:浏览器控制台打印输出信息

归属:浏览器

<script>
    // console 控制台输出 给程序猿测试用的
    console.log('我是程序猿能看到的');
</script>

3、prompt()

说明:浏览器弹出输入框 ,用户可以输入

归属:浏览器

<script>
    // 这是一个输入框
    prompt('请输入您的年龄');
</script>