javaScript_01(简称·JS)·基础入门

一JavaScript的历史

JS是由Netscape公司的布兰登·艾奇在1995年并且在仅有的10天时间开发出来

JS最初命名为LiveScript后被甲骨文收购将其改名为JavaScript

二.JavaScript的简介

     1.1 介绍  一个网页是由HTML,CSS,和JavaScript三部分组成,JavaScript在其中是扮演者脚本语言(可以用来创建动态更新的内容,控制多媒体,制作图像动画等)能够增强web站点与web引用程序的交互

     1.2   概述

  • JS嵌入在HTML源码中  
  • JS是弱类型语言,没有类型声明 , 用VAR修饰 ( 即使赋值之后,变量的类型根据重新赋值的数据类型同样进行改变 )

三.JavaScript的组成

组成部分

作用

ECMAScript是构成JS的核心语法,定义了javascript的语法规范
BOM全称 “Browser Object Model 【浏览器对象模型】” 用来操作浏览器上的对象,比如: 弹出框、浏览器跳转、获取分辨率
DOM全称 “Document Object Model 【文档对象模型】” 用来操作网页的元素,比如: 增加个 div,减少个 div,给div 换个位置

四.JavaScript基本使用

    4.1  嵌入方式

  •  行内式
  •  内嵌式
  •  外部引用JS文件

① 行内式。在HTML中直接使用JS语句

例如:

<input type="text" value="点击一下" onclick="alert('你是大聪明')">

②内嵌式。一般用于实现比较小的功能,且代码不长

例如:

<script>
    alert("你是大聪明");
</script>

③外部引用JS文件 ,再建一个JS文件,然后引入到html文件中

例如:

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

4.2输出输入语句

  • alert("msg") -----------------浏览器弹出框
  • console.log("msg")---------浏览器控制台打印输出
  • prompt(info)------------------浏览器弹出输入框,用户可以输入
  • confirm()-----------------------确认框

4.3JS点击事件

      ① 两种方式

              1.  <button οnclick="alert('123')">点击一下</button>

              2.  <button onclick = "a();">点我</button>

                 //函数       

                function a(){

                        

                        }

②标签事件属性

onclick                   鼠标点击左键

ondbclick               鼠标双击

oncontextmenu     鼠标点击右键

mouseup               松开鼠标按键

mousedown          按下鼠标按键

onselect                文本被选中

oncopy                   元素内容被复制

onmouseenter       鼠标移动到监听的元素内

onfocus                 获得鼠标焦点(点击input输入框)

onblur                   失去鼠标焦点(点击进入其他input输入框)

onmousemove     鼠标移动

onmouseup          鼠标移开(鼠标弹起)

onmousedown       鼠标按下                   

4.4 undefined 和 null 的区别

null表示  “无” 的值或对象,转换数值时为0;

undefined 表示  “无” 的原始值,转换数值时为 NaN    (NaN    非数字 Not a Number )

但是在 if 语句中,都会自动转换为false

4.5 运算符

①算数运算符

        +    -    *    /     %

②比较运算符

<=   

>=   

==(不会比较数据类型  18=‘18’ 为真)

=== (会比较数据类型)

!=

!==(不全等于  包括数据类型)

③逻辑运算符

&&   并且

||       或者

!      非

④赋值运算符

num +=1;

num  -=1;

num *=1;

num  /=1;

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值