javescript运行在客户端（浏览器）的编程语言 引入方式 + 注释 + 输入输出

央央yo
99 阅读1分钟

js第一天

javescript

javescript

运行在客户端（浏览器）的编程语言

组成

ECMAScript

js代码语法的标准 规定js有哪些内容

web API

dom 页面标签

bom 浏览器刷新

三种js引入方式

1 内联（写在标签里面） 不推荐

单引号双引号都可以 外面用了双引号 里面就要用单引号 不可以重复使用

1648131939304.png

2内部（写在上面） 通常自己写小的demo时使用

1648132078450.png 3外部 （通过引入）

1648132174101.png

js注释

单行注释 ctrl + / ” // “
多行注释 shift + alt + a ” /* */ “

1648132293309.png

结束符

以分号”；“ 结束一行代码 实际加不加都可以 回车即可

输入和输出

三种输出

1.document.write("输出内容”） 该输出内容直接显示在body里面

1648133105557.png

2.alert（“输出内容”） 该输出内容以弹窗显示在顶部

1648133201492.png

3.console.log（“输出内容”） 该输出内容在控制台课查看 最常用的！！！

1648133390997.png

输入

弹出一个对话框 获取用户的输入

prompt（“输入内容“）

1648133533470.png

注：括号内用双引号和单引号都可以

小效果

将用户输入的内容 输出到网页中

// 获取用户的名称 

username = prompt ('请输入你的姓名')

// 打印出来 用户的名称 

document .write (username)

alert (username)

console.log(username)

1648133985400.png

获取多个输入
 <script>
      // 1 你叫什么名字
      username = prompt('你叫什么名字');
      // 2 你家住哪里
      address = prompt('你家住哪里');
      // 3 你喜欢吃什么
      foods = prompt('你喜欢吃什么');
      // 4 你喜欢自己一个听音乐吗
      music = prompt('你喜欢自己一个听音乐吗');
      // 5 你喜欢运动
      sports = prompt('你喜欢运动');

      // 输入一下  到网页中
      // console.log(username);
      // console.log(address);
      // console.log(foods);
      // console.log(music);
      // console.log(sports);

      // 能不能在一行上直接输出  不要换行  
      // 使用 一个 +  表示连接 
      console.log(username + address + foods + music + sports);
    </script>
avatar
文章
阅读
粉丝