IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 7.20-22javascript学习 -> 正文阅读

[JavaScript知识库]7.20-22javascript学习

javascript语言基础

组成:基础语言;Bom;Dom;

script标签

javascript代码必须放在script标签中

script标签可以放在html 的任何地方,一般放在head标签中

多个标签采用顺序执行

采用外部的js文件;src=“文件的路径”

注释

//单行

/多行注释/

变量

声明变量var可有可无现在已经无所谓

var x=10;

变量名:开头_$字母;其他部分可加数字

调试办法

alert调试

alert(1)进行调试;如果这行代码之前的都没有发生错误那么就会弹出一个对话框里面的内容是1

采用浏览器的console控制台输出错误和调试信息

console.log()操作,不同于alert(1)产生弹窗;本身他把错误信息输出在console里面不会影响用户的使用

基本数据类型

undifined

一个变量被声明了,但没有被赋值

布尔

boolean值:true;false

数字

在JavaScript中数字有十进制,八进制,十六进制,整数,浮点数,科学计数法

所有的定义一般都用var直接将你想要的数字赋值;不需要别的哦

var a=10;b=012;(0开头是八进制数);c=0xA(0x开头是十六进制数)

有小数点就是浮点数,用e表示科学计数法

字符串

Javascript没有单引号和双引号的区别都可以表示字符串

动态类型

一个变量的值是动态的是可以变得不需要是固定的个一个类型,可以来回切换

变量类型判断

使用typeof来判断变量的类型

声明未赋值undefined

整数number

浮点数number

true:boolean

字符串string

类型的转换

伪对象

javascript语言;变量也是个对象所以计算字符串长度的时候简单多了直接调用对象那个中的方法;a.length

转换为字符串

number以及boolean类型可以直接转换成字符串运用a.toString方法

数字转换成字符串有默认模式和基模式

tostring();默认转换成十进制数字

tostring(2,8,16);转换成2进制;8进制;16进制;

转换为数字

内置函数:parseInt()和paresfloat

大写的i

转化字符串成数字;

  • 字符串有数字和字母:定位数字发现一个字母时就停止
  • 只有数字就转换成数字
  • 只有字母就不NaN(表示没有数字)

转换成boolean

用Boolean("");

  • 字符串不是空的
  • 数字不是0
  • 转换的对象不是null

以上都是真的

number()和parseint

number只要包含非数字就会返回NaN

parseint()如果开头有数字会返回开头的数字

string和tostring

string可以返回null

函数

function hanshumingzi(canshu)

{

document.write(“canshu”)

}

调用函数:hanshumingzi(1);

作用域

参数之作用在那个一个函数中

全局变量作用在所有

事件

鼠标点击事件

创建一个按钮,点击οnclick=“调用的函数名字()”,调用函数;函数内部是alert

运算逻辑符

你都会了

+的多态

当两边都是数字的时候 ,表现为算数运算符
当任意一边是字符串的时候,表现为字符串连接符

逻辑运算符

==/</>/!=/…

返回值boolean类型

1==‘1’true值相等

1==='1’false类型不同;绝对等于

条件语句

if(){}

else if(){}

else

swich(day)

{

case 0:

today=“zhouyi”;

break;

}

循环语句

错误处理

调用不存在的函数:中断执行后面的代码就不会执行了

try catch

捕捉存在的错误,让后续的代码继续执行

try{

f2();函数是不存在的

}

catch(err)

{

捕捉错误

输出err.message;

}

对象

数字

创建一个数字对象

var x= new number(123);

数字对象拥有更多的属性和方法

最值(边界)

number.MIN_VALUE

Number.MAX_VALUE

NaN不是一个数字;不能通过判断是否相等;

通过函数isNaN()判断不是一个数字

返回数字的小数表达

toFixed(x)返回一个数字的小数表达;保留数字的x位小数

字符串

创建:

var y=new string("");

字符串的长度

y.length

返回指定位置的字符

y.charAt(0)获取0位置的字符

y.charCodeAt(0)获取0位置的unicode码(国际统一码)

字符串的拼接

x=new String("");y=new String("");x.concat(y);

子字符串出现的位置

x.indexOf(“aaa”);x.lastindexOf(“aaa”);子字符串第一次、最后一次出现的位置

比较两段字符串是否相同

localeCompare();x.localeCompare(y);

0表示相等1表示字母顺序靠后-1表示字母顺序靠前

截取一段子字符串

x.subString(0,3);截取012位置

根据分隔符把字符串转换成数组

x = hello this is javascript

y=x.split(" ");y = hello,this,is,javascript

z=x.split(" ",2);z=hello,this(这里的分隔符是空格,2表示保留两个)

替换子字符串

replace(search,replacement)

一般的默认只找到第一个就停止了;要全部找到

x.replace(/a/g,“o”);或者是

var M=new RegExp(“a”,“g”);

x.replace(M,“o”);

数组

创建

x=new Array();空数组

x=new Array(5);长度为5

x=new Array(1,2,3,4);用数组内容创建

获取长度

x.length

遍历数组

普通for循环

增强for循环

for(i in x){ //for in 循环

p(x[i]);

}

for(i in x)

{

document.write(“x[i]”);

}

连接数组

x.concat(y);

通过指定的分隔符返回一个数组的字符串表达

x内容是3,1,4

y=x.join();y是一个string;是3,1,4默认是,

z=x.join("@");z:3@1@4

插入获取数据

在末尾:x.push(5);x.pop()入栈出栈

在开头:x.unshift(5);x.shift();

排序

x.sort();默认从小到大

x.sort(comparator);

function comparator(v1,v2){

return v2-v1//从大到小

}

日期

在这里插入图片描述

math函数

在这里插入图片描述

自定义对象

var hero = new Object()

hero.kill = function(){

}自定义函数

hero.kill();调用函数

function heri(name){

this.name=name

this.kill=function(){

XXX

}

}

var garden = new hero(garden);

hero.prototype.keng=function(){}

prototype在hero中创建一个新的调用

BOM

WINDOW窗口

window.innerWidth文档显示区域宽度

window.innerHeight高度

window.outerWidth浏览器的宽度高度

打开一个新窗口

function openNewWindow(){

myWindow=window.open("/");

}

NAVIGATOR浏览器

一些浏览器的相关信息

navigator.appName

SCREEN客户端屏幕

HISTORY访问历史

history.back返回上过一次

history.go(-2)返回上上次

LOCATION浏览器地址

location.reload重新刷新页面

location="/“或者location.assign(”/");

弹出框

警告window.alert(“XXX”)

确认confirm(“XXX”)

输入prompt(“XXX”)

计时器

宽度

window.innerHeight高度

window.outerWidth浏览器的宽度高度

打开一个新窗口

function openNewWindow(){

myWindow=window.open("/");

}

NAVIGATOR浏览器

一些浏览器的相关信息

navigator.appName

SCREEN客户端屏幕

HISTORY访问历史

history.back返回上过一次

history.go(-2)返回上上次

LOCATION浏览器地址

location.reload重新刷新页面

location="/“或者location.assign(”/");

弹出框

警告window.alert(“XXX”)

确认confirm(“XXX”)

输入prompt(“XXX”)

计时器

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-07-24 00:05:00  更:2021-07-24 00:06:00 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/6 10:25:50-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码