JS入门案例

178 阅读2分钟

前言:一条咸鱼罢了-.-

一、输出语句

alert() —— 控制浏览器弹出一个警告框

alert("这是我的第一行js代码");

运行结果如下:

document.write() —— 让计算机再body里输出一个内容(也就是在页面中输出一个内容)

console.log() —— 往控制台输出一个内容

运行结果如下:

注意:这个运行后我们是看不见内容的,需要右键检查看控制台,所以这个只有开发人员可以看见

二、JS代码编写位置

在JavaScript中也是有三种js标签的引入方式

方式一:行内样式

  • 将js代码写到标签onclick属性中,当我们点击按钮,js代码才会执行

<button onclick="alert('让你点你就点!');">可以点我</button>

  • 还可以将代码写在超链接的href属性中,这样点击查链接,js代码才会执行

<a href="javascript:alert('让你点就点');">可以点我</a>

  • 有时候不想点链接就跳转页面或执行代码就可以这样写

<a href="javascript: ;"></a>

方式二:内部样式

  • 将js代码写在script标签内

方式三:外部样式

①单独写一个后缀名为.js的文件 如下:

②用标签把js文件引入html页面内 如下:

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

注意:script标签一旦引入js文件就不能再往里面写代码了,即便写了浏览器也会忽略,如有需要可再创一个新的script标签

三、基本语法

1、注释

① 单行注释 // —— 表示单行注释

② 多行注释

2、语法

① js中严格区分大小写

② js中每一条语句都以分号 (;) 结尾

③ 利用空格和换行对代码进行格式化

四、字面量和变量

  • 字面量:都是不可改变的值 如:1、2、3、4
  • 变量:用来保存字面量,在开发中都是通过变量去保存一个字面量,而不会直接使用字面量
  • 在js中用 var 关键字来声明一个变量 如:var a;
  • 赋值:a = 123; (其中123表示字面量,a表示变量)将123赋值给a这个变量

五、标识符

1、在js中所有的可以由我们自主命名的都可以称为标识符

2、js命名规范:

①、标识符中可以含有字母、数字、_ 、$
②、标识符不能以数字开头
③、标识符不能是ES中的关键字或保留字
④、标识符一般都采用驼峰命名法:首字母小写,每个单词的开头字母大写,其余字母小写
例:helloWorld xxxYyyZzz

注:哪里不对的小伙伴们可以留言补充哦。