下载鸥 > 网站下载 > 开发教程 > JS/JQuery

JS判断页面是否是第一页并决定是否显示指定内容

245 2022-05-25 00:14:29

收藏
JS判断当前页面是否是栏目第一页,并决定是否显示指定内容。例如,我们的栏目页顶部显示了推荐信息,但翻页之后希望隐藏这条推荐信息,此时可以用js控制显示与隐藏。
 

html代码

<div id="firsttitle">
    <li>...</li>
</div>
 

js代码

<script>
var thisurl=window.location.pathname;
if(thisurl=="/"||thisurl=="/index.html"){
    console.log('index');
}else{
    document.getElementById("firsttitle").style.display = "none";
    console.log('page');
}
</script>

相对于jQuery而言,直接使用js控制加载速度更快,在该隐藏时,也看不到隐藏的闪烁。
 

附注

js代码要放在元素下方,否则会无法显示。

本文地址:https://xzo.com.cn/develop/js/1087.html

有帮助,很赞!

信息来源:下载鸥
信息标签
导出教程 下载word版教程
发表评论 共有条评论
关于JS/JQuery


JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。

JavaScript十分强大,不管是前端页面开发、视觉动态渲染、数据交互还是后端逻辑处理,都可以通过JS实现。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中。

推荐JS/JQuery开发教程
JavaScript过滤XSS攻击方法
JavaScript过滤XSS攻击方法

什么是XSS?XSS(Cross Site Scripting),跨站脚本攻击,是一种允许攻击者在另外一个...

1 257
jQuery怎样监听鼠标滚动是向上还是向下的状态?
jQuery怎样监听鼠标滚动是向上还是向下的状态?

知乎鼠标向下滚动显示文章标题,向上滚动显示栏目;又或者向下滚动到底部时异步...

0 433
jquery怎样获取textarea用户输入的行数?
jquery怎样获取textarea用户输入的行数?

jQuery是一个相当好用的js插件,通过jquery我们可以实现很多功能,例如今天要介...

0 429
Superslide响应式页面直接应用手机端技巧介绍
Superslide响应式页面直接应用手机端技巧介绍

如果是响应式网站,那么用superslide做轮播图需要做两个,这无疑是非常不方便的...

1 335
JS控制输入字数的两个方案
JS控制输入字数的两个方案

我们在文章输入框中经常有用到字数控制,但字数控制有两种方案,一种是字母/空...

0 289
js点击追加信息到textarea
js点击追加信息到textarea

通过灵活运用js,我们可以轻松实现点击追加相关信息到textarea的功能。这个功...

0 456
js网站视频播放器ckplayer和dplayer优缺点分析
js网站视频播放器ckplayer和dplayer优缺点分析

dplayer和ckplayer都是非常流行的web视频播放器,二者都占有相当大的用户市场...

0 1297
jQuery怎样给图片添加默认域名?
jQuery怎样给图片添加默认域名?

在很多网站中,图片的默认路径是相对于根目录的绝对路径,如果是其他站点引用,则...

0 332
随机JS/JQuery开发教程
Mac下配置sublime里的sass编译
Mac下配置sublime里的sass编译

如何安装ruby、如何配置sublime的SassBuild插件网上已有一堆教程,在此不做复...

0 239
swiper在鼠标移入后停止轮播,移出后继续轮播
swiper在鼠标移入后停止轮播,移出后继续轮播

swiper是一款很常用的轮播插件,支持的轮播效果十分丰富。那么,swiper怎样在鼠...

1 356
CSS3动画:鼠标上移后顶部线条向两侧展开
CSS3动画:鼠标上移后顶部线条向两侧展开

通过css3,我们可以制作很多炫酷的动画交互效果。今天鸥哥给大家分享的是通过...

0 285
CSS3动画:鼠标上移后颜色从中间向两边填充
CSS3动画:鼠标上移后颜色从中间向两边填充

CSS3动画:鼠标上移后颜色向中间靠拢是一个看起来很有档次的CSS3动画,很多人不...

0 291
一段常用的css文件base.css
一段常用的css文件base.css

不管是基于何种后端程序的网站,必不可少的是base.css文件。该文件用于清除一...

0 188
jQuery的load()方法怎么用,报错/无效怎么办?
jQuery的load()方法怎么用,报错/无效怎么办?

jQuery的load方法可以在当前页面引入新页面的代码,但如果直接测试,我们会发现...

0 508
JS监听addEventListener无效Cannot read property addEventListener of null是什么原因
JS监听addEventListener无效Cannot read property addEventListener of null是什么原因

我们可以用addEventListener() 方法来向指定元素添加事件句柄。但如果js脚...

0 410
video标签怎样在视频暂停时出现封面图片
video标签怎样在视频暂停时出现封面图片

video标签常用于网页视频播放,简单方便。但如果需要自定义需求时,则需要了解...

1 650
客服QQ:341553759
点击咨询 常见问题 >
官方交流群:90432500
点击加入