JavaScript单词大全及部分常用代码
0~9
var i=0; //声明变量
let i=0; //声明变量,块级作用域
const PI=3.14; //声明常量
console.log(str) //控制台输出str
document.write(str);//文档内写入str
open("new.html","new","height=141,width=69,top=10,left=20") //方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。
i++; //i自增,相当于i=i+1
n+=2; //n增2,相当于n=n+2
k*=3; //k倍增3,相当于k=k*3
str +=str0; //末尾添加字符串,相当于str=str+str0
10~19
var myElementId = document.getElementById("myElementId");//通过id值获取对象
tag.innerHTML =dom1; //tag元素的innerHTML属性值替换成dom1
var canvas = canvas.getContext("2d"); //转化2d上下文中的对象
function writeText(str) {函数体} //声明函数writeText(str),str为形式参数
console.log(str.length) //输出str的长度
let ti=setTimeout("代码块",1000)//设置延时器
clearTimeout(ti);//清除延时器ti
let in=setInterval("代码块",1000)//设置定时器
clearInterval(in);//清除定时器in
tag.onclick = "clickcanvas(event)"; //tag的点击事件为clickcanvas(event)
20~29
Math.floor(num) //num向下取整
e.X //event环境对象内的X横坐标属性值
var img = new Image(); img.src = "images/td.jpg";//图片对象
var myObject = new Object(); //声明对象myObject
myObject.bv=100 //myObject声明属性bv血量初始为100
canvas.drawImage(img,-50,-50) //在点(-50,-50)处开始,绘制完图像img
canvas.strokeRect(i * 50 , j * 50 , 50 , 50);//在点(i*50,J*50)处开始,画一个长50,宽50的正方形
window.οnlοad=init //网页文档加载完成后执行函数init()
//
substr :子串
30~39
index :索引
string :字符串
file :文件
document :文件(JS中指整个网页文档)
top :顶部
right :右
bottom: 底部
left: 左
center: 中心
start: 开始
40~49
end: 结束
split: 分割,分开,分裂
object: 对象
project: 项目
code: 代码
function : 函数
reverse: 颠倒,反转
prompt: 提示,提醒(某人说话)
undefined: 未定义的
shift: 转换
50~59
date: 日期
area: 面积,域
length :长度
height: 高度
width: 宽度
browser: 互联网,浏览器
model: 模型
options: n.选择
input: 插入 : 输入
form: 表单(用来进行网页中的数据采集)
60~69
alert: 警报
value: 值,价值
timeout: 暂停
interval: 间隙
bar: 柜台,栏
element: 元素,要素
run: 运行,跑
browser: 浏览器,互联网
BOM: Browser Object Model : 浏览器对象模型
DOM: Document Object Model : 文档对象模型
70~79
create: 创建
node: 节点
attribute: 属性
tag: 标签
loop: 环形,循环
inner: 内部
scroll: 滚动条
offset: 印刷区域,平版印刷,开端,补偿
page: 页面
client: 窗口
80~89
screen: 屏幕
position: 定位,位置
parse: 解析字符串,对...作分析
method: 方法,方式
post: v.邮寄
submit: 提交
result: 结果
focus: 焦点
blur: 失去焦点,变得模糊
form: 表格,外表,制作
90~99
type: 类型
value: 值
select: 选择
option: 可选项,可选择的事物
mark: 作记号,作标记,污点
progress: 进程
audio: 声音,音响
canvas: 画布
render: 使成为
context: 上下文,环境,语境
100~109
native: 原生,出生地的,本地
application: 申请,请求
grid :网格,格栅
path:路径,小径
move: 移动
fill: 填充
stroke: 划水动作,轻抚
clip :裁切,修剪,回形针,夹住
clear :清除
rect :矩形,矩形区域
110~119
line: 线
arc: 弧,弧形
particles :颗粒,粒子
quadratic :平方,二次方的
save :收集,救
restore :恢复,使复原
global :全球的,全世界的,全面的,整体的
alpha :α,希腊字母表中第一个字母(读音:阿尔法)
translate :转变,变为,翻译
rotate :旋转,轮值
120~129
angle :n.角,斜角,角度 v.斜移
scale :n. (尤指与其他事物相比较时的) 规模,范围,程度; 等级; 级别; 等级体系;
v.攀登; 到达…顶点; 去鳞; 刮除牙石;
global :全球的,整体的
composite :合成的,混合的,复合的,合成物,混合物,复合材料
operation :手术; (有组织的) 活动,行动; (包括许多部分的) 企业,公司
request :(正式或礼貌地) 请求,要求
animation: (指电影、录像、电脑游戏的) 动画制作 : 动画片 : 生气; 活力; 富有生命力
frame: n. (图画、门、玻璃等的) 框架; (家具、建筑物、车辆等的) 构架,支架,骨架; 眼镜框;
v.给…做框; 给…镶边; 作伪证陷害; 制订; 拟订;
130~139
shadow :阴影
sqrt: 开根; 求平方根函数; 根号; 函数; 开平方函数
fixed: adj.固定的; 不变的; 不能变的; 不易改变的; 执著的; 呆板的;v.使固定; 安装; 决定,确定(日期、时间、数量等); 安排; 组织;
substr:子串
index:索引
string:字符串
file:文件
document:文件(JS中指整个网页文档)
top:顶部
right:右
140~149
bottom : 底部
left : 左
center : 中心
start : 开始
end : 结束
split : 分割,分开,分裂
object : 对象
project : 项目
code : 代码
function: 函数
150~159
reverse : 颠倒,反转
prompt : 提示,提醒(某人说话)
undefined : 未定义的
shift : 转换
date : 日期
area : 面积,域
height : 高度
width : 宽度
browser : 互联网,浏览器
model : 模型
160~169
options : n.选择
input : 插入 : 输入
form : 表单(用来进行网页中的数据采集)
alert : 警报
value : 值,价值
timeout : 暂停
interval : 间隙
bar : 柜台,栏
element : 元素,要素
run : 运行,跑
170~179
browser : 浏览器,互联网
BOM : Browser Object Model : 浏览器对象模型
DOM : Document Object Model : 文档对象模型
create : 创建
node : 节点
attribute : 属性
tag : 标签
loop : 环形,循环
inner : 内部
scroll : 滚动条
180~189
offset : 印刷区域,平版印刷,开端,补偿
page : 页面
client : 窗口
screen : 屏幕
position : 定位,位置
parse : 解析字符串,对...作分析
method : 方法,方式
post : v.邮寄
tag : 标签
submit : 提交
190~199
result : 结果
focus : 焦点
blur : 失去焦点,变得模糊
form : 表格,外表,制作
type : 类型
value : 值
select : 选择
option : 可选项,可选择的事物
mark : 作记号,作标记,污点
progress : 进程
200~209
audio : 声音,音响
canvas : 画布
render : 使成为
context : 上下文,环境,语境
native : 原生,出生地的,本地
application : 申请,请求
grid :网格,格栅
path:路径,小径
move : 移动
fill : 填充
210~219
stroke : 划水动作,轻抚
clear :清除
rect :矩形,矩形区域
line : 线
arc : 弧,弧形
alpha :α,希腊字母表中第一个字母(读音:阿尔法)
translate :转变,变为,翻译
angle :n.角,斜角,角度 v.斜移
animation : (指电影、录像、电脑游戏的) 动画制作 : 动画片 : 生气; 活力; 富有生命力
frame : n. (图画、门、玻璃等的) 框架; (家具、建筑物、车辆等的) 构架,支架,骨架; 眼镜框;v.给…做框; 给…镶边; 作伪证陷害; 制订; 拟订;
220~229
shadow :阴影
sqrt : 开根; 求平方根函数; 根号; 函数; 开平方函数
fixed : adj.固定的; 不变的; 不能变的; 不易改变的; 执著的; 呆板的;
v.使固定; 安装; 决定,确定(日期、时间、数量等); 安排; 组织;
function getRandom(max, min) {//定义随机数函数getRandom() let random = Math.random() * (max - min) + min; //在区间(min,max)取一个随机浮点数 return Math.floor(random); //返回random向上取整之后的整数 }
var str = prompt("请输入任意字符", "");//控制台用户输入字符串,提示信息,初始字符串
prompt:促使某人做某事,立即,促使,激起,鼓励
alert('警告:...') //暂停程序并弹出(警告)信息
let childElement = createElement('新标签类型'); //生成新元素
childElement.新属性名 = 新属性值 //元素添加新属性
230~239
fatherElement.appendChild(childElement)//父元素下添加子元素
direction:方向;
window.innerWidth //文档内宽,padding(包括Padding)以内的宽度
window.innerHeight //文档内高,padding(包括Padding)以内的高度
$("div").innerWidth() //jQuery innerWidth()返回第一个匹配元素的内宽,该方法包含 padding,但不包含 border 和 margin
Math.sqrt(num) //返回num的平方根,若num<0则返回NAN
//
abs(x) 返回数的绝对值。 Math.acos(x) //返回数的反余弦值
Math.asin(x) //返回数的反正弦值
Math.atan(x) //以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值
240~249
Math.atan2(y,x) //返回从 x 轴到点 (x,y) 的角度(介于 -PI/2 与 PI/2 弧度之间)
Math.ceil(x) //对数进行上舍入
Math.cos(x) //返回数的余弦
Math.exp(x) //返回 e 的指数
Math.floor(x) //对数进行下舍入
Math.log(x) 返//回数的自然对数(底为e)
Math.max(x,y) //返回 x 和 y 中的最高值
Math.min(x,y) //返回 x 和 y 中的最低值
Math.pow(x,y) //返回 x 的 y 次幂
Math.random() //返回 0 ~ 1 之间的随机数
250~259
Math.round(x) //把数四舍五入为最接近的整数
Math.sin(x)// 返回数的正弦
Math.sqrt(x) //返回数的平方根
Math.tan(x) //返回角的正切
Math.toSource() //返回该对象的源代码
Math.valueOf() //返回 Math 对象的原始值
document.body.bgColor = "#000";设置背景色为黑 //
imgObj.setAttribute("width", 50); //设置对象的属性及属性值
attribute:属性;
document.body.removeChild(obj); //去除父节点下的子节点obj
260~269
imgObj.setAttribute("onclick", "removeImg(this)");//图片元素添加点击事件
var img1="data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA... ...mwAAAABJRU5ErkJggg=="; //base编码在程序内当作字符串处理,显示时不同于字符串,base64编码是能被浏览器直接识别的
overflow: hidden; // 溢出内容隐藏,也经常用来开启BFC块级格式化模式
dome1.style.height = dome.offsetHeight + "px";//这里的style是属性又是一个style对象,代表CSS对象;
dome2.innerHTML = dome1.innerHTML; //将dome1中的内容复制到dome2中
Math.random():获取0~1随机数(0<=返回值<1)
Math.floor() method rounds a number DOWNWARDS to the nearest integer, and returns the result. (小于等于 x,且与 x 最接近的整数。)
其实返回值就是该数的整数位: Math.floor(0.666) --> 0 ,Math.floor(39.2783) --> 39
所以我们可以使用Math.floor(Math.random())去获取你想要的一个范围内的整数。
如:现在要从1~52内取一个随机数:
270~279
首先Math.random()*52 //这样我们就能得到一个 >=0 且 <52的数
然后加1:Math.random()*52 + 1 //现在这个数就 >=1 且 <53
再使用Math.floor取整,最终: Math.floor(Math.random()*52 + 1),这就能得到一个取值范围为1~52的随机整数了.
Math.(random/round/cell/floor)随机数的用法
Math.random() 返回值是一个大于等于0,且小于1的随机数
Math.random()*N 返回值是一个大于等于0,且小于N的随机数
Math.round() 四舍五入的取整
Math.ceil() 向上取整,如Math.cell(0.3)=1 、又如Math.ceil(Math.random()*10) 返回1~10
Math.floor() 向下取整,如Math.floor(0.3)=0、又如Math.floor(Math.random()*10)返回0~9
Math.round(Math.random()*15)+5; 返回5~20随机数
280~289
Math.round(Math.random()*(y-x))+x; 返回x~y的随机数,包括负数
var A=[12,78,78,78,89]; //第一种声明JS数组的方式
var B=new Array(); B[0]=12; B[1]=34; B[2]=56; //第二种声明JS数组的方式
var C=new Array(3); C[0]=12; C[1]=34; C[2]=56; //第三种声明JS数组的方式
var D=new Array(45,78,89,45); //第四种声明JS数组的方式
str += "<br>婚否:" + (arr[3] ? "已婚" : "未婚"); //三目运算符 bool?A:B
window.onload = function () {
showimg(0);//网页加载完后直接调用一次showimg(0)设置默认显示的一页
};//推荐使用匿名函数再调用show(0);这样参数才会被识别,如果直接= "show(0)",参数0将不会识别
function showimg(index) {
290~299
switch (index) {
case 0: img1div.style.display = "block"; img2div.style.display = "none"; img3div.style.display = "none"; break;
case 1: img1div.style.display = "none"; img2div.style.display = "block"; img3div.style.display = "none"; break;
case 2: img1div.style.display = "none"; img2div.style.display = "none"; img3div.style.display = "block"; break;
}
}
<div class="contrl" οnmοuseοver="showimg(2)" id=linkImg3>蒂法</div> //鼠标进入时触发事件showimg(2)
window.onchange //HTML 元素改变时触发事件
window.onclick //用户点击 HTML 元素时触发事件
window.onmouseover //用户在一个HTML元素上移动鼠标时触发事件
300~309
window.onmouseout //用户从一个HTML元素上移开鼠标时触发事件
window.onkeydown //用户按下键盘按键时触发事件
window.onload //浏览器已完成页面的加载时触发事件
//JavaScript键盘事件:http://c.biancheng.net/view/5955.html
<textarea id="key"></textarea>
<script>
var key = document.getElementById("key");
key.onkeydown =f; //注册keydown事件处理函数
key.onkeyup = f; //注册keyup事件处理函数
key.onkeypress = f; //注册keypress事件处理函数
310~319
function f (e) {
var e = e | | window.event; //标准化事件处理
var s = e.type + " " + e.keyCode; //获取键盘事件类型和按下的值
key.value = s;
>/script>
decoration:装饰,修饰;
transform:形变;
preserve:保存,保持;
perspective:透视,透视法,观点,态度,思考方法,客观判断力,权衡轻重的能力;
config:配置;
320~329
global:全球的,全局的;
name:名称;
email:邮件,邮箱,邮箱地址;
repository:仓库,存储库;
init:初始,初始化,最开始的;
touch:触摸,碰,触及,触觉,触摸时的感觉;
file:文件;
status:状态;
commit:提交;
list:列表;
330~339
push:推;
$ git config --global user.name 'Link' --设置github账号名称
$ git config --global user.email '1183234982@qq.com' --设置github注册时的邮箱
$ mkdir my_repository --当前目录生成一个文件夹
$ cd my_repository --选中文件夹
$ git init --初始化.git仓库管理文件
$ touch my_file.html --当前目录下生成一个文件
$ vi my_file.html --编辑文件
$ cat my_file.html --查看文件内容
340~349
$ git status --查看仓库状态
$ git add my_file.html --添加文件到暂存区
$ git commit -m '新建的文件my_file.html' --暂存区的文件都移动到本地git仓库并设置本次操作相关信息
$ git config --list --查看配置列表(:q 结束此命令)
$ git clone https://github.com/wuying-05/my_repository.git --把一个远程仓库克隆到本地
$ git add others.txt --添加文件到暂存区
$ git commit -m '提交others.txt' --暂存区所有文件都移动到本地git仓库
$ git push --把当前分支克隆仓库上传到github仓库合并
Canvas画布: https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial/Basic_usage
rect:矩形; circle:圆形; ellipse:椭圆; line:线; ployline:折线; ploygon:多边形; path:路径; <canvas id=canvas width="500" height="600">抱歉,您的浏览器不支持canvas元素</canvas><!-- 创建画布元素-->
350~359
var canvas = document.getElementById("canvas");
if (canvas.getContext) {//检测浏览器是否支持canvas 该方法是否存在取得上下文对象
alert();
var context = canvas.getContext("2d");
var img = document.images[0];
img.onload = function () {
context.drawImage(img, 100, 10, 200, 200);//起始坐标为(10,10),且画布上的图像大小为200*200
};
function draw() {
var canvas = document.getElementById("canvas");//通过id获取canvas对象
360~369
if (canvas.getContext) {//canvas.getContext对应着getContext()函数的地址,如果浏览器有此函数则表示getContex函数的字符串,隐式转换代表着true
//如果浏览器没有getContext()方法(即不支持canvas元素)则canvas.getContext等于undefined隐式转换为false
var ctx = canvas.getContext("2d");//获取2d图像的上下文,canvas.getContext("2d")返回的是一个具备2d图像绘画环境的一个对象
ctx.fillStyle = "rgb(200,0,0)";//2d画布对象的填充样式等于颜色函数的返回值
ctx.fillRect(10, 10, 55, 50);//2d画布上画一个矩形,定位坐标为(10,10),宽为55,高为50
ctx.fillStyle = "rgba(0, 0, 200, 0.5)";//2d画布对象的填充样式等于rgba()函数的返回值
ctx.fillRect(30, 30, 55, 50);//2d画布上画一个矩形,定位坐标为(10,10),宽为55,高为50
}
var ctx = document.getElementById('canvas').getContext('2d'); //
ctx.globalCompositeOperation = 'destination-over';//设置覆盖方式为原图覆盖新图 //
370~379
ctx.clearRect(0, 0, 300, 300); //清除画布中的图像//
ctx.fillStyle = 'rgba(0,0,0,0.4)';//填充样式 //
ctx.strokeStyle = 'rgba(0,153,255,0.4)';//划的样式
ctx.save();//保存初始状态//
ctx.translate(150, 150);//1,移动坐标原点到(150,150) //
var time = new Date();//创建系统日期对象//
ctx.rotate(((2 * Math.PI) / 60) * time.getSeconds() + ((2 * Math.PI) / 60000) * time.getMilliseconds());//地球旋转 //
ctx.translate(105, 0);//2,移动坐标原点到(105,0) //
ctx.fillRect(0, -12, 50, 24); //阴影 //
ctx.drawImage(earth, -12, -12);//画上地球图片 //
380~389
ctx.save();//第二次保存状态 //
ctx.rotate(((2 * Math.PI) / 6) * time.getSeconds() + ((2 * Math.PI) / 600) * time.getMilliseconds());//月球旋转 //
ctx.translate(0, 28.5);//3,移动坐标原点到(0,28.5) //
ctx.drawImage(moon, -3.5, -3.5);//画上月球图片 //
ctx.restore();//恢复到第二次保存的状态 //
ctx.restore();//恢复到初始状态 //
ctx.beginPath();//开始路径 //
ctx.arc(150, 150, 105, 0, Math.PI * 2, false); //画出环形轨道 //
ctx.stroke();//划出路径 //
ctx.drawImage(sun, 0, 0, 300, 300);//画出太阳图片 //
390~399
window.requestAnimationFrame(draw);//循环draw函数;request:请求; //
draw: function () {
canvas.strokeStyle = "rgba(0,255,0.5)";
canvas.strokeRect(0, 0, 1400, 600);
canvas.beginPath();
canvas.arc(this.x, this.y, this.radius, 0, 2 * Math.PI, false);
//新中心的坐标
this.x = this.x + this.vx;
this.y = this.y + this.vy;
//碰墙反向
410~419
if (this.x + this.vx < this.radius
this.x + this.vx > 1400 - this.radius) {
this.vx = -this.vx * 0.9;//每次碰撞速率减小并反向
if (this.y + this.vy < this.radius
this.y + this.vy > 600 - this.radius) {
this.vy = -this.vy * 0.9;//每次碰撞速率减小并反向
canvas.fillStyle = this.color;
canvas.fill();
//提示
canvas.save();
420~429
canvas.font = "40px serif";
canvas.fillStyle = "rgba(0,255,255,1)";
canvas.fillText(("i=" + i), this.x, this.y);
canvas.fillText(("vx=" + this.vx.toFixed(2)), this.x, this.y + 40);
canvas.fillText(("vy=" + this.vy.toFixed(2)), this.x, this.y + 80);
canvas.restore();
i++;
} //
canvas:画布;
image:图像,图片;
430~439
sun:太阳,阳光;
moon:月亮,月球;
earth:地球;
request:需求,请求,要求;
sqrt:开根;求平方根函数;根号;函数;开平方函数;
animation:动画,动画制作;
frame:框架,构架,骨架,支架,给...做框,作伪证陷害;
draw:绘画,描绘,牵引,吸引,抽奖,平局;
context:(事情发生的)背景,环境,来龙去脉,上下文;语境;
global:全球,全局;
440~449
composite:组合模式;组合;合成;复合视频;复合;
operation:手术;(有组织的)活动,行动;(包括许多部分的)企业,公司;
destination-over:覆盖在目的地上方;
clear:清除;
fill:填充;
stroke:划,画,小径;
save:保存;
translate:移动;
date:日期;
rotate:旋转,翻转;
450~459
seconds:秒;
milliseconds:毫秒;
context.drawImage(img,sx,sy,swidth,sheight,x,y,width,height); //剪切图像,并在画布上定位被剪切的部分,
img 规定要使用的图像、画布或视频。
sx 可选。开始剪切的 x 坐标位置。
sy 可选。开始剪切的 y 坐标位置。
swidth 可选。被剪切图像的宽度。
sheight 可选。被剪切图像的高度。
x 在画布上放置图像的 x 坐标位置。
y 在画布上放置图像的 y 坐标位置。
460~469
width 可选。要使用的图像的宽度。(伸展或缩小图像)
height 可选。要使用的图像的高度。(伸展或缩小图像)
context.arc(x,y,r,sAngle,eAngle,counterclockwise);//arc() 方法创建弧/曲线(用于创建圆或部分圆)。
x 圆的中心的 x 坐标。
y 圆的中心的 y 坐标。
r 圆的半径。
sAngle 起始角,以弧度计。(弧的圆形的三点钟位置是 0 度)。
eAngle 结束角,以弧度计。
counterclockwise 可选。规定应该逆时针还是顺时针绘图。False = 顺时针,true = 逆时针。
canvas.lineTo(x, y, a, b);
470~479
window.requestAnimationFrame(draw);//请求动画框架并调用draw函数,以动画的方式一帧接一帧地渲染
canvas小实例:开始一条路径,移动到位置 10,10。创建到达位置 300,150 的一条红线;
var c=document.getElementById("myCanvas");//获取元素
var ctx=c.getContext("2d");//使元素c获取2d绘画环境
ctx.beginPath();//开始路径
ctx.moveTo(10,10);//笔触移动到点(10,10)
ctx.lineTo(300,150);//画一条直线到达点(300,150)
ctx.strokeStyle="rgb(255,0,0)";//划笔的颜色设置为红色
ctx.stroke();//以划的方式完成本次路径
radius:半径;
480~489
restore:恢复,使复原,修复;
clearRect(x,y,a,b)//清除一个矩形区域中的内容
shoot:射击,发射,嫩芽,拍摄,请讲,做了蠢事或事情出了差错感到懊恼;
paint:颜料,涂料,绘画,描绘;
value:值;
ctx.fillText("Hello world", 10, 50);//在点(10,50)处绘文本"Hello world"
canvas.fillRect(0, 0, 100, 10);//在点(0,0)到点(100,10)填充出一个矩形
var myBirthday = new Date("2000/5/25 00:00:00").getTime();//取得我的生日的标准毫秒值
var date = new Date().getTime();//取得实时日期毫秒值
var age = (date - myBirthday) / (1000 * 3600 * 24 * 365);//转化单位到年
490~499
alert("您现在已经活了:" + age + "年");
<input type="button" value="刷新网页" οnclick="javascript:location.reload(true)" />
<input type="button" value="关闭窗口" οnclick="javascript:window.close()" />
<input type="button" value="打印窗口" οnclick="javascript:window.print()" />
<input type="button" value="打开一个新窗口" οnclick="javascript:window.open('','','width=400,height=300') " />
item.indexOf(":")//字符串中字符":"的第一个索引值
JS字符串常用方法总结
1、toLowerCase(): 字符串转为小写,返回新的字符串。
2、toUpperCase(): 字符串转为大写,返回新的字符串。
3、charAt(index): 返回指定下标位置的字符。如果index不在0-str.length(不包含str.length)之间,返回空字符串。
500~509
4、charCodeAt(index): 返回指定下标位置的字符的unicode编码,这个返回值是 0 - 65535 之间的整数。 注意:如果index不在0-str.length(不包含str.length)之间,返回NaN。
5、indexOf(): 返回某个指定的子字符串在字符串中第一次出现的位置 注意:indexOf()方法对大小写敏感,如果子字符串没有找到,返回-1。第二个参数表示从哪个下标开始查找,没有写则默认从下标0开始查找。
6、lastIndexOf(): 返回某个指定的子字符串在字符串中最后出现的位置。 注意:lastIndexOf()方法对大小写敏感,如果子字符串没有找到,返回-1。第二个参数表示从哪个下标开始查找,没有写则默认从最后一个字符处开始查找。
7、slice(): 返回字符串中提取的子字符串。
8、substring(): 提取字符串中介于两个指定下标之间的字符。 注意:substring()用法与slice()一样,但不接受负值的参数。
9、substr(): 返回从指定下标开始指定长度的的子字符串 注意:如果没有指定length,返回从下标开始处结尾处的所有字符串。
10、split(): 把字符串分割成字符串数组。
11、replace(): 在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
12、match(): 返回所有查找的关键字内容的数组。
i < str.length//字符串固有属性length实时返回字符串的长度
510~519
var screenWidth = screen.availWidth;//屏幕的有效宽度
var screenHeight = screen.availHeight;//屏幕的有效高度
//实例:测试当前网页的宽度和高度
//兼容所有浏览器的写法如下
var width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth;
var height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight;
document.write("网页的宽度:" + width + " px ,高度:" + height + " px");//输出结果
confirm:确认,使确信,认可;
var arr = "*,%,&,<,>,,\,!,$,#".split(",");//特殊字符切割放入数组
prompt:提示,促使,激励,鼓励;
# 沉木