前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >2020-10-04

2020-10-04

原创
作者头像
用户1252670
修改2021-01-07 14:34:50
9180
修改2021-01-07 14:34:50
举报

输出调试

代码语言:txt
复制
console.log(data);
代码语言:txt
复制
document.write(data);

操作数组

代码语言:txt
复制
arrayObject.reverse() //对数组进行反向排序
unshift()//方法是向数组的开头添加一个或多个元素,并且返回新的长度。
shift()//方法和unshift()方法恰恰相反。该方法用于把数组的第一个元素从其中删除,并返回被删除的值
site.includes('runoob'); //搜索数组中是否含有某个值
push()//方法可以接收任意数量的参数,把它们逐个添加到数组的末尾,并返回修改后数组的长度
pop()//方法刚好和push()方法相反。pop()方法删除数组的最后一个元素,把数组的长度减1,并且返回它被删除元素的值

js获取上一页url

代码语言:txt
复制
document.write("js获取当前域名"+window.location.host+"或者"+document.domain+"<br>");
document.write("js获取当前url"+window.location.href+"<br>");
document.write("js获取上(前)一页url"+document.referrer);

数字取整

代码语言:txt
复制
Math.floor(1.5)//向下取整
Math.ceil(1.5)//向上取整
Math.round(1.5)//四舍五入取整

localStorage

代码语言:txt
复制
// localStorage存储
localStorage.setItem("lastname", "Smith");
// localStorage检索
var lastname = localStorage.getItem("lastname");
// localStorage删除
localStorage.removeItem("key");

jquery 插入内容

代码语言:txt
复制
append() //- 在被选元素的结尾插入内容
prepend()// - 在被选元素的开头插入内容
after() //- 在被选元素之后插入内容
before()// - 在被选元素之前插入内容

jquery 元素节点

代码语言:txt
复制
$("#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常用

代码语言:txt
复制
获取复选框checkbox值
var jianxs  =  $('input[name="jianxs"]:checked').val();

判断图片加载完毕

代码语言:txt
复制
var showTable = function(){
    var img = new Image();
    img.src = "images/banner_1_graphics.png";//需要判断的图片地址
    img.onload = function () {
                //该图片已加载完毕,实现自己的业务逻辑
    }
}

原生XHR

代码语言:txt
复制
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);
                }
            }
}

监听上传进度

代码语言:txt
复制
         		  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编码

代码语言:txt
复制
                    var reader = new FileReader();
                    reader.readAsDataURL(file);
                    reader.onload = function(e) {
                        base64Code = this.result;
                        base64get(base64Code);
                    }

js检测包含

代码语言:txt
复制
if(document.referrer.indexOf("2.") > 0)
{
   document.write("包含");
}

js 批量替换字符串

代码语言:txt
复制
var h ="山东省济南市"
var f = h.replace(/(市|省|自治区|特别行政区|维吾尔|回族|壮族)/gi,"");
document.write(f)

网址参数

代码语言:txt
复制
const urlParams = new URL(window.location.href);
document.write(urlParams.searchParams.get("act"));

延时1秒循环

代码语言:txt
复制
for(var i = 0; i < 3; i++) {
    setTimeout(function() {
        console.log(i);
    }, (i + 1) * 1000);
}

js交换两个元素位置

代码语言:txt
复制
<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监听视频

代码语言:txt
复制
        // 监听可播放
        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 删除。

评论
作者已关闭评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档