第一章 JavaScript的初步认识

一,存放js代码的位置

1.script标签里面写js代码(像css的内嵌式)

1.1body标签里最下面

body里面

1.2head标签里面

head里面
这两个位置的区别

(看需求 如果你的代码很多 加载很慢 你可以将代码放在head里面) 但一般情况下我们都按第一种方式去写代码

---

2.引用外部js文件

建立一个扩展名为.js的文件,通过script标签中的scr属性来进行引入

---

二,JavaScript变量

变量:就是可以变化的值
作用:保存数据值
那么在JavaScript中 如何声明一个变量?

1.在声明时赋值

 写法:    var a = 1;

2.先声明,后赋值

 写法: var a;
       a = 1;

---

• 变量的命名规范

字母,数字,下划线组成,不能以数字,汉字,标点符号开头.

• 命名方法

  1.匈牙利命名法: var shuzi = 2;
  2.下划线命名法: var banner_box = 2; 个人比较爱使用下划线命名法
  3.小驼峰命名法: var bannerBox = 2;
  4.大驼峰命名法: var BannerBox = 2;
  

---

三,JavaScript中的注释

1.单行注释  //
2.多行注释 /*  */

---

四,一些简单的方法认识

1.弹窗

写法:alert("弹出来的东西");

alert

2.确认框

写法:confirm("你是人吗");

confirm

3.输入框(可以输入内容)

写法:prompt("输入你的年纪");

prompt

大家要灵活运用,不要死板 如下代码所示:

   // 可以用变量接受 然后输出出来 
      var x = prompt("输入你的年纪");
      alert(x);

例

当点击确认之后,弹出你输出的值

例

五,控制台输出

1.控制台输出

写法:console.log();

控制台输出
2.打印错误信息

写法:console.error();

错误信息
3.打印警告信息

写法: console.warn();

警告信息

---

六,页面上打印内容

写法:document.write();
打印内容到页面,会刷新页面 覆盖掉之前的文档 所以一般不怎么用这个方法

   document.write("1                2                       3"); 这种写法js会把空格也输出到页面上吗?

并不会,他只会解析成一个空格来处理。

例
但如果我们想要让他按照上面写的形式在页面上一模一样的输出出来该怎么办呢?有两种解决方法

• 1.&nbsp；用css中的nbsp这种方法向其中添加空格.这种方法就比较low 看看下面的第二种犯法

• 2.document.write("<span style = 'white-space:pre'>"+'1 2 3'+'</span>');用标签的pre来实现

  
  例