Javascript 使用Java脚本的响应页面

const desktopLinks = document.querySelector('.desktop-links');

shareBtn.addEventListener('click', () => {
    if(window.innerWidth < 1000) {
        
        phoneLinks.classList.toggle('active');
        profile.classList.toggle('in-active');
    } else {
        desktopLinks.classList.toggle('active');
    }
});

const desktopLinks = document.querySelector('.desktop-links');

shareBtn.addEventListener('click', () => {
  if (window.innerWidth <= 1000) {
    phoneLinks.classList.toggle('active');
    profile.classList.toggle('in-active');
  } 
  else {
    desktopLinks.classList.toggle('active');
  }
});

window.addEventListener('resize', e => {
  if(window.innerWidth <= 1000 && desktopLinks.classList.contains('active')) {
    desktop.classList.toggle('active')
    phoneLinks.classList.toggle('active');
    profile.classList.toggle('in-active');
  } 
  else if (window.innerWidth > 1000 && phoneLinks.classList.contains('active')) {      
    desktop.classList.toggle('active')
    phoneLinks.classList.toggle('active');
    profile.classList.toggle('in-active');
  }
});

Javascript相关问答推荐

如何访问react路由v6加载器函数中的查询参数/搜索参数

判断表格单元格中是否存在文本框

切换时排序对象数组，切换不起作用

使用VUE和SCSS的数字滚动动画(&；内容生成)

VSCode中出现随机行

面对代码中的错误作为前端与后端的集成

删除加载页面时不存在的元素(JavaScript)

如果没有页面重新加载Angular ，innerHTML属性绑定不会更新

Django导入问题，无法导入我的应用程序，但我已在设置中安装了它

构建器模式与参数对象输入

自动滚动功能在当前图像左侧显示上一张图像的一部分

每隔3个项目交替显示，然后每1个项目交替显示

在JavaScript中，有没有一种方法可以迭代字符串的词法标记？

需要RTK-在ReactJS中查询多个组件的Mutations 数据

如何将对象推送到firestore数组？

在使用JavaScript以HTML格式显示Google Drive中的图像时遇到问题

如何从Reaction-Redux中来自API调用的数据中筛选值

如何格式化API的响应

Google OAuth 2.0库和跨域开放程序的问题-策略错误

元素类型无效：应为字符串(对于内置组件)或类/函数(对于复合组件)，但GET：Object.在Reaction项目中