需求:在指定链接页面显示指定的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() 方法可返回某个指定的字符串值在字符串中首次出现的位置。




  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
以下是一个简单的示例代码,演示如何使用jQuery实现基于异步请求的表格分页功能: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表格分页示例</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> $(document).ready(function() { // 定义每页显示的记录数 var pageSize = 10; // 初始化表格 loadTable(1, pageSize); // 监听分页链接的点击事件 $(document).on('click', '.pagination li a', function(event) { event.preventDefault(); var page = $(this).data('page'); loadTable(page, pageSize); }); // 加载指定页码的表格数据 function loadTable(page, pageSize) { // 发送异步请求获取指定页码的数据 $.ajax({ url: 'data.php', data: {page: page, pageSize: pageSize}, dataType: 'json', success: function(data) { // 渲染表格数据 var html = ''; $.each(data, function(index, item) { html += '<tr>'; html += '<td>' + item.id + '</td>'; html += '<td>' + item.name + '</td>'; html += '<td>' + item.age + '</td>'; html += '</tr>'; }); $('#table-body').html(html); // 渲染分页链接 var total = Math.ceil(data.total / pageSize); var pagination = ''; for (var i = 1; i <= total; i++) { if (i == page) { pagination += '<li class="active"><a href="#" data-page="' + i + '">' + i + '</a></li>'; } else { pagination += '<li><a href="#" data-page="' + i + '">' + i + '</a></li>'; } } $('#pagination').html(pagination); } }); } }); </script> </head> <body> <table> <thead> <tr> <th>ID</th> <th>姓名</th> <th>年龄</th> </tr> </thead> <tbody id="table-body"></tbody> </table> <ul class="pagination" id="pagination"></ul> </body> </html> ``` 该示例代码使用了一个名为“data.php”的服务端脚本,用于返回指定页码的表格数据,数据格式为JSON。你需要根据自己的需求修改该脚本。 该示例代码使用了jQuery库来简化异步请求和DOM操作。如果你不想使用jQuery,可以使用原生JavaScript实现相同的功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

不负好时光1001

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

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

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

打赏作者

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

抵扣说明:

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

余额充值