JavaScript

最新推荐文章于 2024-08-08 16:33:07 发布

Vv_study_expe

最新推荐文章于 2024-08-08 16:33:07 发布

阅读量96

点赞数 1

分类专栏： Java 文章标签： javascript servlet 前端

本文链接：https://blog.csdn.net/Vv_study_expe/article/details/126083469

版权

Java 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

JavaScript=ECMAScript+JavaScript自己特有的东西（BOM+DOM）

*ECMAScrip:客户端脚本语言的标准

一.基本语法：

1.与html结合

1.内部js:

*定义<script>,标签体内容就是js代码

2.外部js:

*定义<script>,通过src引入外部的js文件

2.注释：

1.单行注释：//注释内容

2.多行注释：/*注释内容*/

3.数据类型

1.原始数据类型（基本数据类型）

1.number：数字。整数//小数//NaN(not a number 一个不是数字的数字类型)

2.string：字符串。字符串 "abc" "a" "abc"

3.boolean：ture和false

4.null：一个对象为空的占位符

5.underfined：未定义。如果一个变量没有给初始化值，则会被默认赋值为underdined

2.引用数据类型：对象

4.变量

*变量：一小块存储数据的内存空间

*Java语言是强类型语言，而JavaScript是弱类型语言

*强类型：在开辟变量存储空间时，定义了空间将来存储的数据的数据类型。只能存储固定类型的数据

*弱类型：在开辟变量存储空间时，不定义空间将来存储的数据的数据类型，可以存放任意类型的数据

*语法：

*var 变量名 = 初始化值；

5.运算符

1.一元运算符

++，--，+（正号）

2.算数运算符

+，-，*，/，%，...

3.赋值运算符

=，+=，-=...

4.比较运算符

>,<,>=,<=,==（全等于）

5.逻辑运算符

&&，||，！|...

6.三元运算符

？，:

6.流程控制语句

1.if...else...

2.switch

3.while

4.do...while...

5.for

7.JS特殊语句

1.语句以；结尾，如果一行只有一条语句则；可以省略（不建议）

2.变量的定义使用var关键字，也可以不使用

*用，定义的数量是局部变量

*不用，定义的数量是全局变量（不建议）

8.九九乘法表

<style>
    td{
        border: 1px solid;
    }
</style>
<script>
    document.write( "<table  align='center'>" );
    for (var i = 1;i <= 9;i++){
        document.write( "<tr>" );
        for(var j=1;j<=i;j++){
            document.write( "<td>" );
            document.write(i+"*"+j+"="+(i*j)+"&nbsp;&nbsp;&nbsp");
            document.write( "</td>" );
     }
     // //换行输出
     //    document.write("<br>");
        document.write( "</tr>" );
    }
    document.write("</table>");
</script>

二.基本对象：

*Function:函数（方法）对象

1.创建：

1.var fun = new Function（形式参数列表，方法体）；//忘了就行

function 方法名称（形式参数列表）{

方法体

}

3.var 方法名 = function（形式参数列表）{

方法体

}

2方法：

3.属性：

length：代表形参的个数

4.特点：

1.方法定义是，形参的类型不用写，返回值类型也不写。

2.方法是一个对象，如果定义名称相同的方法，会覆盖

3.在JS中，方法的调用只与方法的名称有关，和参数列表无关

4.在方法声明中有一个隐藏的内置对象（数组），arguments，封装所有的实际参数

5.调用：

方法名称（实际参数列表）：

eg：

<!--两个数求和-->
function add (a,b){
return a+b;
}
var abc=add(1,2);
alert(abc);

  多个数求和
function add (){
    var sum=0;
    for (var i=0;i<arguments.length;i++){
        sum += arguments[i];
    }
    return sum;
}
var sum = add (1,3);
alert(sum);

2.Array：创建数组

1.创建;

1.var arr = new Array(元素列表)

2.var arr = new Array(默认长度)

3.var arr = 【元素列表】

2.方法：

join(参数)：将数组中的元素按照指定的分离符拼接为字符串

push（）：向数组的末尾添加一个或更多的元素，并返回新的长度

3。属性

length:数组的长度

4.特点：

1.JS中，数组的元素的类型是可变的

2.JS中，数组长度是可变的

eg：   
 var arr = [1,"abc",true];
document.write (arr +"<br>");
document.write (arr[0] +"<br>");
document.write (arr [1]+"<br>");
document.write (arr [2]+"<br>");
// document.write (arr [10]+"<br>");
    arr[10]="hehe";
document.write (arr [10]+"<br>");
document.write (arr [9]+"<br>");
alert(arr.length);
document.write (arr.join("**")+"<br>");
arr.push(11);
document.write (arr.join("**")+"<br>");

Boolean

Data

DATA:日期对象
1.创建：
var date = new Date();
2.方法;
toLocaleString:返回当前data对象对应的时间本地字符串格式
getTime():获取毫秒值。返回当前如期对象，描述的时间到1970年1月1日零点的毫秒之差
<script>
var date = new Date();
document.write(date+"<br>");
document.write(date.toLocaleString() + "<br>");
document.write(date.getTime()+"<br>");
</script>

Math

<!--Math:数学-->
    <!--1.创建：-->
    <!--*特点：Math对象不用创建，直接使用。Math.方法名（）-->
    <!--2.方法：-->
    <!--random():返回0-1之间的随机数。含0不含1.-->
    <!--ceil():对数进行上舍入。-->
    <!--floor():对数进行下舍入-->
    <!--round():把数四舍五入为最接近的整数。-->
    <!--3.属性：-->
    <!--PI-->
    <script>
// document.write(Math.PI+"<br>");
// document.write(Math.round()+"<br>");
// document.write(Math.round(3.14)+"<br>");
// document.write(Math.ceil(3.14)+"<br>");
// document.write(Math.floor(3.14)+"<br>");

// 取1-100之间的随机整数
//         1.Math.random()产生的随机数：范围（0，1]小数
//         2.乘以100-->[0，99.9999]小数
//         3.舍弃小数部分：floor-->[0,99]整数
//         4.+1-->[0.99]整数[1，100]

var number = Math.floor((Math.random()*100))+1;
document.write(number);
    </script>
</head>

Number

String

RegExp

8.RegExp :正则表达式对象 1，正则表达式:定义字符串的组成规则。

1．单个字符:[ ] [ 如: [a] [ab] [a-zA-Z0-9_]

特殊行号代表特殊含义的单个字符:

\d:单个数字字符[o-9] \w;

单个单词字符[a-zA-Z0-9_]

2．量词符号:

?:表示出现o次或1次

*:表示出现o次或多次

+:出现1次或多次 {m,n}:表示 m<=数量<= n

*m如果缺省: {,n}:最多n次

*n如果缺省: {m,}最少m次

2.正则对象：
   1.创建:
   1.var reg = new RegExp("正则表达式");
   2.var reg = /正则表达式/;
2.方法：
   1.test（参数）：验证指定的字符串是否符合正则定义的规范；

    <script>
        var reg = new RegExp("\w{6,12}");

        var reg2 = /^\w{6,12}$/;

alert(reg);
alert(reg2);
var username = "dsfj;ahofnafef";
var flag = reg2.test(username);
alert(flag);
        
    </script>

Global

*BOM

window

<script>
    // window:窗口对象
    // 1.创建：
    // 2.方法：
    // 1.与弹出框有关的方法：
    // alert() 显示带有一段消息和一个确认按钮的警示框。
    // confirm() 显示待有一段消息以及确认按钮和取消按钮的对话框
    //  *如果用户点击确定按钮，则方法返回true
    //  *入伙用户点击取消按钮，则方法返回false
    // prompt() 显示可提示用户输入的对话框。
    //  *返回值：获取用户输入的值
    // 3.属性
    // 4.特点
    //  *window对象不需要创建可以直接使用 window使用。window.方法名（）;
    //  *window 引用可以省略。方法名.();

    alert("hello window");
    window.alert("hello window");
    var flag = confirm("您确定要退出码");
    if (flag) {
        alert("告辞");
    }else;{
        alert("我劝你你最好不要不识抬举");
    }
</script>



地址

Location:地址栏对象
    1.创建（获取）：
        1.window。location
        2.location
    2.方法：
        *reload（） 重新加载当前文档。刷新
    3.属性
        *href 设置或返回完整的 URL

<body>
<input type="button" id="btn" value="刷新">
<input type="button" id="goItcast" value="去百度">
<script>
    //reload 方法，定义一个按钮，点击按钮，刷新当前页面
    //1.获取按钮
var btn = document.getElementById("btn");
    //2.绑定单击事件
    btn.onclick = function () {
        //3.刷新页面
        location.reload();
    }
    //获取href
    var href = location.href;
    alert(href);
//点击按钮，去访问www.baidu.com官网
    //1.获取按钮
    var goItcast = document.getElementById("goItcast");
    //2.绑定单击事件
    goItcast.onclick = function () {
        //3.去访问www.baidu.com
        location.href = "https://www.baidu.com";
    }




</script>
</body>

*DOM

Vv_study_expe

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
JavaScript

整数//小数//NaN(not a number 一个不是数字的数字类型)*强类型：在开辟变量存储空间时，定义了空间将来存储的数据的数据类型。*弱类型：在开辟变量存储空间时，不定义空间将来存储的数据的数据类型，可以存放任意类型的数据。4.在方法声明中有一个隐藏的内置对象（数组），arguments，封装所有的实际参数。3.在JS中，方法的调用只与方法的名称有关，和参数列表无关。window.方法名（）;1.方法定义是，形参的类型不用写，返回值类型也不写。2.方法是一个对象，如果定义名称相同的方法，会覆盖。.
复制链接

扫一扫

专栏目录