输出调试
console.log(data);
document.write(data);
操作数组
arrayObject.reverse() //对数组进行反向排序
unshift()//方法是向数组的开头添加一个或多个元素,并且返回新的长度。
shift()//方法和unshift()方法恰恰相反。该方法用于把数组的第一个元素从其中删除,并返回被删除的值
site.includes('runoob'); //搜索数组中是否含有某个值
push()//方法可以接收任意数量的参数,把它们逐个添加到数组的末尾,并返回修改后数组的长度
pop()//方法刚好和push()方法相反。pop()方法删除数组的最后一个元素,把数组的长度减1,并且返回它被删除元素的值
js获取上一页url
document.write("js获取当前域名"+window.location.host+"或者"+document.domain+"<br>");
document.write("js获取当前url"+window.location.href+"<br>");
document.write("js获取上(前)一页url"+document.referrer);
数字取整
Math.floor(1.5)//向下取整
Math.ceil(1.5)//向上取整
Math.round(1.5)//四舍五入取整
localStorage
// localStorage存储
localStorage.setItem("lastname", "Smith");
// localStorage检索
var lastname = localStorage.getItem("lastname");
// localStorage删除
localStorage.removeItem("key");
jquery 插入内容
append() //- 在被选元素的结尾插入内容
prepend()// - 在被选元素的开头插入内容
after() //- 在被选元素之后插入内容
before()// - 在被选元素之前插入内容
jquery 元素节点
$("#test1").parent(); // 父节点
$("#test1").parents(); // 全部父节点
$("#test1").parents(".mui-content");//返回class为mui-content的父节点
$("#test1").children(); // 全部子节点
$("#test1").children("#test1"); //返回id为test1的子节点
$("#test1").contents(); // 返回id为test里面的所有内容,包括节点和文本
$("#test1").contents("#test1"); //返回id为test里面的id为#test1的节点和文本
$("#test1").prev(); // 上一个兄弟节点
$("#test1").prevAll(); // 之前所有兄弟节点
$("#test1").next(); // 下一个兄弟节点
$("#test1").nextAll(); // 之后所有兄弟节点
$("#test1").siblings(); // 所有兄弟节点
$("#test1").siblings("#test2"); //返回id为test2的兄弟节点
$("#test").find("#test1"); 选中id为test后代中 id为test1的节点
jquery常用
获取复选框checkbox值
var jianxs = $('input[name="jianxs"]:checked').val();
判断图片加载完毕
var showTable = function(){
var img = new Image();
img.src = "images/banner_1_graphics.png";//需要判断的图片地址
img.onload = function () {
//该图片已加载完毕,实现自己的业务逻辑
}
}
原生XHR
window.onload = function () {
var url = "https://www.abc.com/json?act"
var request = new XMLHttpRequest();
request.open("get", url);
request.send(null);
request.onload = function () {
if (request.status == 200) {
var json = JSON.parse(request.responseText);
console.log(json);
}
}
}
监听上传进度
xhr: function() {
var xhr = $.ajaxSettings.xhr();
if (xhr.upload) {
xhr.upload.addEventListener('progress', function(event) {
var percent = Math.floor(event.loaded / event.total * 100);
$(".weui-uploader__file-content").text(percent + "%");
}, false);
}
return xhr
},
获取上传图片的base64编码
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function(e) {
base64Code = this.result;
base64get(base64Code);
}
js检测包含
if(document.referrer.indexOf("2.") > 0)
{
document.write("包含");
}
js 批量替换字符串
var h ="山东省济南市"
var f = h.replace(/(市|省|自治区|特别行政区|维吾尔|回族|壮族)/gi,"");
document.write(f)
网址参数
const urlParams = new URL(window.location.href);
document.write(urlParams.searchParams.get("act"));
延时1秒循环
for(var i = 0; i < 3; i++) {
setTimeout(function() {
console.log(i);
}, (i + 1) * 1000);
}
js交换两个元素位置
<script type="text/javascript">
$(function(){
var $one_li = $("div"); // 获取<ul>节点中第二个<li>元素节点
var $two_li = $("li"); // 获取<ul>节点中第三个<li>元素节点
$two_li.insertBefore($one_li); //移动节点
});
</script>
<div>苹果</div>
<li>橘子</li>
<dt>菠萝</dt>
js监听视频
// 监听可播放
v.addEventListener('canplay', function() {
},false)
// 监听播放
v.addEventListener('play',function() {
/*监听播放*/
},false)
// 监听暂停
v.addEventListener('pause',function() {
// ...
},false)
// 监听播放结束
v.addEventListener('ended',function() {
// ...
},false)
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。