总结:JS常使用API

作者 : 开心源码 本文共1394个字,预计阅读时间需要4分钟 发布时间: 2022-05-11 共92人阅读

API (Application Programming Interface,应使用程序编程接口),是一套使用来控制Windows的各个部件,从桌面外观到为一个新进程分配内存的外观和行为的一套预先定义的Windows函数,使用户的每个动作都会引发一个或者几个函数的运行以告诉Windows发生了什么。

总结:JS常使用API

下面小编给大家总结了少量JavaScript常使用的API列表:

元素查找

总结:JS常使用API

class操作

总结:JS常使用API

节点操作

总结:JS常使用API

事件

总结:JS常使用API

属性操作

// 获取属性值el.getAttribute('alt');

// 设置属性值el.setAttribute('alt', '图片形容');

内容操作

// 获取元素内容

el.innerHTML

// 设置元素内容

el.innerHTML = string

// 获取元素内容(包含元素自身)

el.outerHTML

// 设置元素内容(包含元素自身)

el.outerHTML = string

// 获取文本内容

// ie8

el.innerText

// ie9+

el.textContent

// 设置文本内容

// ie8

el.innerText = string

// ie9+

el.textContent = string

css操作

// 获取css样式

// ie8

el.currentStyle[attrName]

// ie9+

window.getComputedStyle(el)[attrName]

// 伪类

window.getComputedStyle(el , “:after”)[attrName];

// 设置CSS样式

el.style.display = 'none';

DOM加载完

function ready(fn) {

if (document.readyState != 'loading'){

// ie9+

document.addEventListener('DOMContentLoaded', fn);

} else {

// ie8

document.attachEvent('onreadystatechange', function() {

if (document.readyState != 'loading'){

fn();

}

});

}

}

绑定上下文

// ie8

fn.apply(context, arguments);

// ie9+

fn.bind(context);

去除空格

// ie8

string.replace(/^\s+|\s+$/g, '');

// ie9+

string.trim();

Ajax

总结:JS常使用API

JSON解决

JSON.parse(string);

JSON.String(Object)

节点遍历

function forEach( nodeList, callback ) {

if(Array.prototype.forEach){

// ie9+

Array.prototype.forEach.call( nodeList, callback );

}else {

// ie8

for (var i = 0; i < nodeList.length; i++){

callback(nodeList[i], i);

}

}

}

forEach(document.querySelectorAll(selector),function(el, i){

})

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 总结:JS常使用API

发表回复