JavaWeb_03_JavaScript学习小结1

By admin in 计算机教程 on 2019年5月18日

一。什么是javascript?

1.javascript的简介

是基于对象和事件驱动的语言,应用于客户端。

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

特点

  • 交互性:信息的动态交互
  • 安全性:js不能访问本地磁盘文件
  • 跨平台性:能够支持js的浏览器都可以运行

与java的区别

  • 不同的开发公司
  • js基于对象,Java面向对象
  • js是弱类型的语言 var m = “10”;
  • js通过浏览器解释就能执行

js的组成

  • ECMAscript:ECMA(欧洲计算机协会),由这个组织制定js的语法,语句……
  • BOM:(Browser Object
    Model)浏览器对象模型,对浏览器相关的对象进行操作。
  • DOM:(Document Object Model)文档对象模型,对网页里的内容进行操作。

  是一种基于对象和事件驱动(以事件驱动的方式直接对客户端的输入做出响应,无需经过服务器端)并具有安全性能的解释型脚本语言,在web应用中得到非常广泛地应用。它不需要编译,而是直接嵌入在HTTP页面中,把静态页面转变成支持用户交互并响应应用事件的动态页面。常用于数据验证、控制浏览器以及生成时钟、日历和时间戳文档等。

2.js和html的结合方式

使用<script>标签

<script type="text/javascript">
    ……
</script>

使用<script>标签引入一个外部的js文件

<script type="text/javascript" src="xxx.js" >

// 使用这种方式,在<script>标签里写的js代码,浏览器不会再执行。

二。javascript语法:与java在语法上有些相似,但不尽相同

3.js的原始类型和声明变量

定义变量:使用关键字var

js的原始类型

  • string:字符串 var str = "abc";
  • number:数字类型 var m = 123;
  • boolean(true和false):var flag = true;
  • null:获取对象的引用,null表示引用对象为空,所有对象的引用也是object,null也是一个object

typeof():查看当前变量的数据类型

  1.JavaScript区分大小写  2.每行结尾的分号可有可无(与java不同)
3.变量是弱类型,var运算符就可以将变量初始化为任意值。4.使用大括号标记代码块,块内语句按顺序执行。

4.js的语句

  • if判断语句
  • switch语句:js都支持所有数据类型
  • 循环语句:for(var xx= ; 😉 / while /do-while

  5。注释(两种:一是单行//一是多行/*注释内容*/)

5.js的运算符

js不区分整数和小数

//java
123/1000*1000 结果是 0
//js
123/1000*1000 结果是 123

字符串的相加和相减的操作

  • 相加:字符串连接
  • 相减:减运算

    var str=”460″;

    alert(str+1);
    alert(str-1);

    var str=”abc”;
    alert(str-1);

boolean的操作

var flag = true;  
alert(flag + 1);

== 和 === 的区别

  • ==比较的只是值,===比较的是值和类型。

    var a = “5”;

    if (a == 5) {

    alert(a);
    

    }

另外

  • 直接向页面输出的语句,可以向页面输出变量,固定值和htmldiamo代码:

    document.write(” this is the text …”);
    document.write(“


    “); //输出html代码

  6.数据类型(数值型:整型和浮点型)(字符型:使用单引号或双引号括起来的一个或多个字符)(布尔型)(转义字符:如图)澳门金沙30064在线网站 1

6.js的数组

定义数组

//1.直接指定元素
var arr1 = [1, 2, "4", true];

//2.使用内置对象Array
var arr2 = new Array(5);
arr2[0] = "1";

//3.使用内置对象Array
var arr3 = new Array(3, 4, 5);

数组有一个length属性:获取数组的长度

var arr = new Array(5);
alert("length" + arr.length);

  (空值:null  用于定义空的或不存在的引用)

7.js的函数

定义函数:参数列表里直接写参数名称

//1.使用关键字function
function 方法名(参数列表) {
    方法体;
    返回值(根据实际需要);
}

eg: 
function test() {
    alert("show test!!!");
}

//2.匿名函数
var xxx = function(参数列表) {
    方法体和返回值;
}

eg:
var add = function(m, n) {
    alert(m+n);
}

//3.使用js的内置对象function(了解),称为动态函数
var xxx = new Function("参数列表", "方法体和返回值");

eg:
var add = function add(a, b) {
    var sum = a + b;
    alert(sum);
}

  7.变量的命名规则:(必须以字母或下划线开头,由字母、数字、加下划线组成)(变量名中不能有空格加号减号逗号等)(严格区分大小写)

8.js的全局变量和局部变量

全局变量:在<script>标签里定义一个变量,这个变量在页面的所有js中都可以使用。在方法外部使用,在方法内部使用,在另外一个<script>标签使用。

局部变量:在方法内部定义一个变量,只能在方法内部使用。如果在方法外部调用这个变量,提示出错

  8.变量声明方法:var
variable;(可以使用var同时声明多个变量,逗号隔开)(如果只是声明了变量,未对其赋值,则其默认值为undefined)

9.script放的位置

建议把<script>标签放在</body>后面,因为html是从上到下解析的。

澳门金沙30064在线网站,  9。运算符的使用(赋值运算符:= += -= *= /= %= |= ^=异或
&=)(算术运算符:+ – * / % ++ –)(比较运算符:< > <=>=
== ===绝对等于 !=不等于 !==不绝对等于)

10.js的string对象

  • 创建string对象var str = "abc"
  • 属性length:字符串的长度
  • 方法:

    与html相关的方法(设置样式)

    // bold(): 加粗
    var str = “abc”;
    document.write(str.bold());

    // fontColor(): 设置字符串的颜色
    document.write(str.fontColor(“red”));

    // fontSize(): 设置字体的大小 1-7
    document.write(str.fontSize(7));

    // link(): 将字符串显示成超链接
    document.write(str.link(“hello.html”));

    // sub()、sup():设置上标、下标

    与java相似的方法
    // concat(): 连接字符串
    var str1 = “abc”;
    var str2 = “def”;
    document.write(str1.concat(str2)); // abcdef

    // charAt(): 返回指定位置的字符
    var str3 = “abcdef”;
    document.write(str3.chatAt(0)); // a
    document.write(str3.chatAt(20)); // 字符位置不存在,返回空字符串

    // indexof(): 返回字符串的位置

    // split(): 把字符串切割成数组

    // replace(): 替换字符串 参数:(原始字符串,要替换成的字符串)

    // substr()和substring():
    var str7 = “abcdefghijk”;
    document.write(str7.substr(5, 5)); // fghij 从第5位开始向后截5个字符
    document.write(str7.substring(3, 5)); // de 从第几位开始到第几位结束 [3, 5)

   (逻辑运算符:!非 &&与
||或)(条件运算符:操作数?结果1:结果2)(字符串运算符:+
+=连接两个字符串,并将结果赋给第一个字符串)

11.js的Array对象

  • 创建数组(三种)

    //创建空数组
    var arr=[];
    var arr=new Array();

  • 属性:length数组的长度

  • 方法:

    //1.concat():连接数组
    var arr1 = [1, 2, 3];
    var arr2 = [4, 5, 6];
    document.write(arr1.concat(arr2)); //1, 2, 3, 4, 5 ,6

    //2.join():根据指定的字符分割数组
    var arr3 = [1, 2, 3];
    document.write(arr3); //1, 2, 3
    document.write(arr3.join(“-“)); //1-2-3

    //3.push():向数组末尾添加元素,返回数组的新的长度
    var arr5 = [1, 2, 3];
    document.write(arr5.length); //3
    document.write(arr5); // 1, 2, 3
    document.write(arr5.push(“4”)); // length:4
    documnet.write(arr5); //1, 2, 3, 4

    //如果添加的是一个数组,这时候把数组当作一个整体添加进去
    var arr6 = [“aaa”, “bbb”, “ccc”];
    var arr7 = [“ddd”, “eee”];
    document.write(arr6.push(arr7)); //4

    //4.pop():删除最后一个元素,返回被删除的那个元素
    var arr8 = [1, 2, 3];
    document.write(arr8.pop()); //3
    documnet.write(arr8); //1, 2

    //5.reverse():颠倒数组中元素的顺序

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图
Copyright @ 2010-2019 澳门金沙30064在线网站 版权所有