前端第十波

最新推荐文章于 2024-07-10 14:03:37 发布

空巷挽清风

最新推荐文章于 2024-07-10 14:03:37 发布

阅读量96

点赞数

分类专栏： JS HTML CSS 文章标签： HTML CSS JS 前端

本文链接：https://blog.csdn.net/Kong_xiang/article/details/90417853

版权

HTML 同时被 3 个专栏收录

11 篇文章 0 订阅

订阅专栏

CSS

10 篇文章 0 订阅

订阅专栏

4 篇文章 0 订阅

订阅专栏

JS初级：

在对HTML和CSS有了初步的了解之后，进行了一系列的练习，现在开始学习JS

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

首先演示一下一个简单代码：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>IFE ECMAScript</title>
</head>
<body>
    <h1>Demo</h1>
    <p id="content-wrapper">你是谁？</p>
    <input id="name-input" type="text" placeholder="输入你的名字">
    <button id="send-btn">发送</button>
    <script>        
        document.getElementById("send-btn").onclick = function() {
            document.getElementById("content-wrapper").innerHTML = 'Hello ' + document.getElementById("name-input").value;
        }
    </script>
</body>
</html>

JS基本语法：

注释方式
style / /
body <!-- --!>
script //
/ /

简单指令
alert(""); 弹出一个提示框；
confirm(""); 确认框，点击后会响应返回true或false；
prompt(); 弹出一个输入框；
document.write("");在页面显示这里的内容，但是会覆盖掉之前页面的内容；
console.log(""); 在控制台打印信息；
console.dir(""); 在控制台打印出该对象的所有信息；

类型转换（type）
parseInt("1253");

parseFloat("123.123");

isNaN(number),如果number不是数字，则为true;
Number(number),将字符换转换为数字类型，若number不是数字，则返回NaN；

data.toString();

String(data);

当变量声明未赋值时值为undefined,对象为空时返回值为：null

三元表达式
a>b?a=1:a=2;

数组Array
（1）、定义
构造函数：
var arr = new Array("123","abc","xxx");
字面量：
var arr = ["123","646","abc"];
数组长度：
var arr = new Array(6);(数组长度为6)；
（2）、赋值
arr[0]=1;

数据类型
（1）、简单数据类型
string、number、boolean

（2）、复杂数据类型
String、Number、Boolean、Array、Math、Date、Obeject、function、RegExp(正则表达式)

（3）、空数据类型

Null、undifined

求x的y次幂 Math.pow(x,y);

求正弦值 Math.sin(x);
Math.abs(x); 得到一个数字的绝对值
（Array）数组对象
（1）、arr1.concat(arr2);
数组拼接，结果为将arr2拼接到arr1的最后；

（2）、arr.join()；
数组字符串输出，括号内可以指定元素连接的符号；
eg:
arr=["a","b","c","d"];
console.log(arr.join("|")); (结果为"a|b|c|d")

（3）、arr.pop();
切除数组的最后一个元素，返回值为该元素；

（4）、arr.slice(start,end)
获取，获取数组的指定片段，start必须有，如果参数为负数则从末尾开始选取；
返回值为该片段组成的，一个新的数组；

（5）、arr.push
添加，用于向数组的末尾添加新的元素，参数可以是多个；
返回值为数组的新长度；

（6）、arr.splice
1、用于向数组中指定的索引添加元素；
arr.splice(2, 0, "William","asdfasdf");
在第2个元素开始，删除的元素个数（可以为0，为0到结尾），
加入元素为"William"、"asdfasdf"；

    2、用于替换数组中的元素；
        arr.splice(2,1,"William")；          

    3、用于删除数组中的元素；
         arr.splice(2,2);

（7）、arr.indexOf(element);
查找，在数组中查找element，返回值为索引，如果没有该元素返回-1；

（8）、arr.sort(function);
排序，function为一个函数；
eg:
function sortNumber(a,b){
return a-b;
}
arr.sort(sortNumber);(从小到大排序)

tips：如果a-b改成b-a，那么执行的操作为从大到小；
tips:字符串对象（String）的方法与Array的方法类似；

（Date）日期对象
date.getTime()
date.getMilliseconds()
date.getSeconds()
date.getMinutes()
date.getHours()
date.getDay()
date.getDate()
date.getMonth()
date.getFullYear()。。。。。
（String）对象
charAt(index)
str[index] 获取字符串指定位置的字符

concat()拼接字符串

slice(start,end)
substring(start,end) 截取从start开始，end结束的字符，
返回一个新的字符串，若start为负数，那么从最后一个字符开始；

空巷挽清风

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端第十波

JS初级：在对HTML和CSS有了初步的了解之后，进行了一系列的练习，现在开始学习JS JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。首先演...
复制链接

扫一扫