JavaScript基础

document.getElementById("id");  //获取指定ID的元素

document.getElementById("id").innerHTML = "已过期";  //替换元素内容

document.getElementById("id").remove();  //删除元素


//判断删除元素
var element = document.getElementById("qbdizhi");  //将元素赋值
if (element && element.parentNode) {  //判断是否有副元素，以及元素是否存在
  element.parentNode.removeChild(element);  //如果存在则删除
}


//按钮和执行函数绑定

// 假设Html标签为 <button onclick="fuzhidizhi()">复制地址</button>

//复制按钮
function fuzhidizhi() {
  // 获取tmzs_result元素中的文本
  var text = document.getElementById("qbdizhi").innerText;

  // 创建一个虚拟textarea元素并将格式化的文本写入其中
  var tempTextArea = document.createElement("textarea");
  tempTextArea.value = text;

  // 将虚拟元素添加到DOM树中
  document.body.appendChild(tempTextArea);

  // 选中文本并复制到剪贴板
  tempTextArea.select();
  document.execCommand("copy");

  // 删除虚拟元素
  document.body.removeChild(tempTextArea);

  // 提示复制成功
  alert("已复制到剪贴板！");
}

取时间

const currentTime = new Date().toLocaleTimeString();  // 定义时间变量
    console.error(`[${currentTime}]`);  // 日志输出

打印输出

console.log("点击了");

定义函数新写法

() => increment(5)

将对象转为json:

JSON.stringify(obj)

删除数组的某个数据

//删除购物车
const delcart = (id) => {
  skus.value = skus.value.filter(sku => sku.id !== id);
};

数组对象重新缩减赋值

//创建一个新变量newSkus来接收skus的值，然后只保留id和number
const newSkus = skus.value.map(sku => ({
    id: sku.id,
    number: sku.number
  }));

数组求和

//假设carts数组的每个子对象都有一个number字段，求数组的总number的和
let sum = carts.reduce((total, cart) => total + cart.number, 0);

//假设numbers就是类似[5,6,9]这种没有对象的数字数组，求和
let sum = numbers.reduce((total, num) => total + num, 0);

定时运行

let dingshi; //定时控制器变量

dingshi = setInterval(editCart, 5000); //每隔5秒运行一次editCart

clearInterval(dingshi); 取消定时