JS知识一

javascript简介
基于对象和事件驱动的语言,应用于客户端

  • 基于对象:提供好了很多对象,可以直接拿来用
  • 事件驱动:html做网站静态效果,javasript动态效果
  • 客户端:专门指的是浏览器

js的特点

  • 交互性
  • 安全性:js不能访问本地磁盘的文件
  • 跨平台性:java里面跨平台性,虚拟机;只要能够支持js的浏览器,都可以运行

js与java的不同

  • java是sun公司,显著oracle;js是网景公司
  • js基于对象;java面向对象
  • java是强类型的语言;js是弱类型的语言
  • js只需解析就可以执行,而java需要先编译成字节码文件,再执行

js组成

  • ECMAScript:指定语法
  • BOM:浏览器对象模型
  • DOM:文档对象模型

js和html的结合方式

  • 第一种:使用一个标签<script type="text/javascript"> js代码; </script>
    **alert:**js里面的提示弹窗函数
    在这里插入图片描述
  • 第二种:使用script标签,引入一个外部的js文件
    js文件:
    在这里插入图片描述
    html中:
    在这里插入图片描述
    使用第二种方式的时候,就不要在script标签里面写js代码了,不会执行。

js基本语法
js 的原始类型和声明变量
java的基本数据类型8个: byte short int long float double char boolean
定义变量 都使用关键字 var
js的原始类型5个:

  • string:字符型 var str = "abc";
  • number:数字类型 var m = 123;
  • boolean:true和false var flag = true;
  • null var date = new Date(); 获取对象的引用,null表示对象引用为空,所有对象的引用也是object
  • undified 定义一个变量,但没有赋值 var aa;
    typeof(); 查看当前变量的数据类型
    在这里插入图片描述
    JS的语句
    java语句:if switch for while do-while
    js里面的这些语句
    if:
    在这里插入图片描述
    switch语句
    java里面支持的类型 string在jdk1.7开始支持
    js里面都支持
switch(a){
	case 5:
				break;
	case 6:
				break;
	default;
}

在这里插入图片描述
循环语句
while循环
在这里插入图片描述
for循环 不用int用var啦
i++和++i和java一样在这里插入图片描述
js的运算符
js里面不区分整数和小数在这里插入图片描述
字符串的相加和相减操作
加减都可以,用字母去加减提示NaN,表示不是一个数字在这里插入图片描述
boolean类型也可以操作
true为1,false为0在这里插入图片描述
=====区别
==比较的只是值
===比较的是值和类型

引入知识
直接向页面输出的语句,可以把内容显示在页面上
可以向页面输出变量,固定值和html代码
在这里插入图片描述
99乘法表,用表格表示
document.write里面是双引号,如果设置标签的属性需要使用单引号
document.write可以输出变量,还可以输出html代码在这里插入图片描述
js的数组
java里面的数组 定义 int [] arr = {1,2,3};
js定义方式三种

  • var arr = {1,2,3,true,"4"};
  • 使用内置对象Array对象
var arr1 = new Array(5);//定义一个数组,数组的长度是5
arr1[0]="1";
  • 使用内置对象Array
var arr2 = new Array(3,4,5); //定义一个数组,数组里面的元素是3 4 5

在这里插入图片描述
数组属性:length
在这里插入图片描述
js的函数
在js里面定义函数3种:
参数列表里不需写var,直接写参数
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
js的全局变量和局部变量
全局变量:在script标签里面定义一个变量,这个变量在页面中js部分都可以使用——在方法外部使用,在方法内部使用,在另外一个script标签使用
局部变量:在方法内部定义一个变量,只能在方法内部使用—— 如果在方法的外部调用这个变量,提示出错,在ie浏览器按F12可以进入调试,在控制台里看到

script标签的位置存放
建议把script标签放到</body>后面
html解析是从上到下解析的,不能乱了顺序
在这里插入图片描述
js的重载
在这里插入图片描述
在这里插入图片描述
js的string对象
在这里插入图片描述
方法:

  • 与html相关的方法
    bold();加粗
    fontcolor();设置字符串的颜色
    fontsize();设置字体的大小
    在这里插入图片描述
    link();将字符串显示成超链接
    在这里插入图片描述
    sub():下标
    sup():上标
    在这里插入图片描述
  • 与java相似的方法
    concat:连接字符串
    在这里插入图片描述
    charAt:返回指定位置的字符串、
    字符串下标都是从0开始
    在这里插入图片描述
    indexOf:返回字符串位置
    字符不存在,返回-1在这里插入图片描述
    split:切分字符串,成数组
    在这里插入图片描述
    replace:替换字符串
    传递:原始字符串和替换成的字符串
    在这里插入图片描述
    substr和substring
    在这里插入图片描述
    js的Array对象
    在这里插入图片描述
    属性:
    length
    在这里插入图片描述
    方法:
    concat:数组的连接
    在这里插入图片描述
    join:根据指定的字符分割数组
    结果:a-b-c
    在这里插入图片描述
    push:向数组末尾添加元素,返回数组的新的长度
    在这里插入图片描述
    加完的数组长度是4,即push里面整个当作一个元素,就算是数组也只当作一个元素
    在这里插入图片描述
    pop:删除最后一个元素,返回删除的那个元素,返回zhaoliu在这里插入图片描述
    reverse:颠倒数组中的元素的顺序
    在这里插入图片描述
    方法要加(),属性什么都不加
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值