javascript快速入门第一章基础知识(上)

灰太狼 2022-08-10 08:34 89阅读 0赞

javascript的重要性不言而喻，一个友好优秀的网站是离不开js，让我们开启js之旅吧![奋斗][struggle.gif]！我会重点讲讲jquery。

**JavaScript一种直译式脚本语言：**

是一种动态类型、弱类型、基于原型的语言，内置支持类型。

它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

开发时可能会遇到el表达式在js代码中不起作用的问题，因为两个不在一个层面上，解决方法网上有很多，日后我会把项目中遇到的错误和解决方法整理出来。

**JavaScript 基本特点：**

一. 是一种解释性脚本语言（代码不进行预编译）

二. 主要用来向HTML（超文本标记语言下的一个应用）页面添加交互行为

三. 可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离

**JavaScript 应用：**

一.  嵌入动态文本于HTML页面。

二. 对浏览器事件做出响应。

三. 读写HTML元素。

四. 在数据被提交到服务器之前验证数据。

五. 检测访客的浏览器信息。

六. 控制cookies，包括创建和修改等。

大致了解js后，我们开看看其语法吧！个人感觉和java很像，我就简单谈谈。

js所有的数据类型都用var无脑定义（不管是string，boolean，float，int都是用var）

**js定义数组**

一维数组：

var arr = new Array(8);长度为8

没值的时候显示undefine；虽然限定了长度，但是还是可以扩展的

赋值： arr\[0\]=0; arr\[1\]=1; arr\[2\]=2;

var arr = new Array(0,1,2); 创建并赋值

var arr = \[0,1,2\];直接输入一个数组，也称字面量数组

数组的长度： arr.length;

二维数组：

var arr = \[\[1,2,3\],\[4,5\]\]

先定义一个一维数组后赋值

var arr = new Array();

for (var i = 0 ; i < 2 ; i++)\{

var \[i\] = new Array();

for(var j = 0 ;j < 3 ; j++)\{

var \[i\]\[j\] = i + j;

数组连接concat()

用于连接两个或多个数组，返回一个新的数组，不改变原来的数组

arr.concat(array1,array2,...,arrayN);

join()

把数组的所有的元素放到一个字符串，元素是通过指定的分隔符进行分隔。 默认为逗号

颠倒数组元素顺序

arr.reverse();

选定元素

arr.slice(start,end);

1.返回一个新的数组，从start到end-1；

2.该方法不会修改数组，而是返回一个子数组

3.负数是从尾部开始选取元素

数组排序sort

arr.sort(方法函数);

默认值Unicode码的顺序排序

**String字符串对象**

返回指定位置的字符

string.charAt(index);

返回指定的字符串首次出现的位置

string.indexOf(substring,startpos);

substring：是需要检索的字符串

startpos：可选参数，是从第startpos位置开始找

如果找到了就返回第一次出现的位置，没有就返回-1

字符串分割

string.split(separator,limit);

separator：必选项，从该参数指定的地方分割

limit：可选参数，分割的次数；如果不设置就可以无限分割

提取字符串

string.substring(startPos,stopPos);

1.返回的内容是从start开始，到stop-1为止

2.如果参数start和stop相等，则返回空

3.如果start比stop大，则该方法会默认将两个参数交换位置

提取指定数目的字符串

string.substr(startPos,length);

startPos：必需，要提取的子串的起始位置，必需是数值

length：可选，提取的字符串长度，默认是到尾部

1.如果参数startPos是负数，就是从字符串尾部开始计算；如-1就是最后一个字符

2.如果参数startPos负数的绝对值大于字符串长度，则参数变为0

**Date对象：**

var currentTime= new Date(); // 获取当前时间

var d = new Date(2015,7,2);  //设置的是2015年7月2日

var d = new Date("Oct 1,2015"); //设置的是2015年10月1日

更多方法可参考下图内容

![20151115153011373][]

设置年份

设置时间

更多干货等你来拿  [http://www.itit123.cn/][http_www.itit123.cn]

[struggle.gif]: /images/20220731/10664d4309ac49f98001b8db59aa3990.png
[20151115153011373]: /images/20220731/173049f5e37e4ce0bb5ed25b0cef9ff6.png
[http_www.itit123.cn]: http://www.itit123.cn/

javascript快速入门第一章基础知识(上)

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 Vue 快速入门之第一章基础知识入门

相关第一章快速入门

相关第一章 Java快速入门

相关第一章基础知识

相关第一章计算机基础知识ppt,第一章计算机基础知识精选版.ppt

相关 web app 入门教程第一章基础知识

相关 javascript快速入门第三章jquery基础知识

相关 javascript快速入门第二章基础知识(下)

相关 javascript快速入门第一章基础知识(上)

相关 JavaScript基础知识-快速入门篇