需求:在指定链接页面显示指定的html代码,非指定页面显示其他页码。

首先:在HTML页面我们的写上两对大的div

<div id="pc">
	非指定平台显示的代码片段
</div>
<div id="min">
	指定的平台现实的代码片段
</div>

我们如果想要在指定的平台显示自己想要的代码片段,我们需要添加如下js代码(这里以今日头条这个平台为例)

<script type="text/javascript">
    // 返回载入当前文档的文档的 URL
     var str=document.referrer;
    // 用于 HTTP 请求的用户代理头的值
     var agent=navigator.userAgent;
    // 如果URL中出现了nativeapp.toutiao.com或者请求头中出现JsSdk就显示指定的代码片段否侧显示pc段

     if(str.indexOf('nativeapp.toutiao.com ')>=0||agent.indexOf('JsSdk')>=0){$("#min").show();}else{$("#pc").show();}

</script>

代码讲解:

HTML DOM Document 对象
referrer 属性可返回载入当前文档的文档的 URL。

HTML DOM Navigator 对象
userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值。
一般来讲,它是在 navigator.appCodeName 的值之后加上斜线和 navigator.appVersion 的值构成的。
例如:Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.2; SV1; .NET CLR 1.1.4322)。
注:用户代理头:user-agent header。

JavaScript String 对象
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

不负好时光1001

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值