JS笔记01:JavaScript基础

7 篇文章 0 订阅

什么是JavaScript

JavaScript是基于事件驱动和对象,并具备一定安全性的客户端(浏览器)脚本语言。

JavaScript基本介绍

JavaScript原名Livescript,诞生于1995年,当时网景公司(Netscape)开发了一款浏览器,需要一门浏览器脚本语言,所以布兰登·艾奇借鉴了C语言的基本语法,Java的数据结构,用时大概2周左右的时间开发出了此语言。

JavaScript组成

  • ECMAScript(核心js) :规范js的基本语法,变量,命名规范,数据类型,操作语言..

  • DOM(Document Object Model) 文档对象模型,简单的理解操作HTML结构

  • BOM(Browser Object Model) 浏览器对象模型 操作浏览器JavaScript书写位置

JavaScript书写位置

 行内js:onclick:单击(点击)事件(鼠标左键)

<div style="width: 300px;height: 300px;background: linear-gradient(red,yellow);" onclick="alert('我会写js啦~~~~')"></div>

内嵌js:一般写到紧挨着body的结束标签,默认页面运行到浏览器默认是按照文档流(从上到下顺序)进行加载的。

<body>
    <div></div>
    <!-- 
		内嵌js  
		<script>
		    js代码
	    </script>
         一般写到紧挨着body的结束标签,默认页面运行到浏览器默认是按照文档流(从上到下顺序)进行加载的-->
    <script>
        // 当前代码执行完毕加;表示结束(这行代码到这里就结束了)
        alert('holle word');
    </script>
</body>

外部引入js:创建一个js文件,将代码写在js文件内,然后引入实现效果。

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

JavaScript注释方法

单行注释://

                 快捷键方法:ctrl+/

多行注释:/* 注释内容 */

                快捷键方法:ctrl+shift+/

JavaScript调试方式

输出调试:

    alter弹窗:alter("内容");

    控制台输出:console.log("内容");

    带有输入的弹窗:promot("内容");

注意:内容要用单引号或双引号包起来,数字可以省略。

断点调试:

    1.F12/鼠标右键检查 -> 控制台
    2.点击Sources(资源) -> 找到要调试的文件->点击打开
    3.在对应行号点击(打断点) -> 刷新页面
    4.点击next(下一步),手动让代码执行
    5.取消断点,再次点击对应行号就是取消断点

变量

变量基础:

    概念:变量相当于在内存中开辟一块空间,给这块空间进行命名。

    作用:存储值  和  代表值。

    基本语法:var 变量值 = 值。

变量的命名规范:

1.驼峰命名法(约定俗成):

    小驼峰:第一个有意义单词的首字母小写,其它有意义单词首字母都大写。

    大驼峰:所有有意义单词首字母都大写。

2.可以由数字,字母,下划线,$组成,但是不能以数字开头。

3.不能使用关键字和保留字。

    关键字:js中内置的名字。

    保留字:未来有可能成为关键字的名字。

4.不能重复命名,后面的会对前面的进行覆盖。

变量的定义方式

基本语法:var 变量名 = 值;

    var 变量名; 声明 (只是开辟一块空间起一个名字)

    变量名 = 值; 定义 (给对应这块空间赋值)

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值