html中点击跳转到页面指定位置

html中点击跳转到页面指定位置-上流阁

从a.html 点击按钮#btn跳转到b。html 中的#fff位置;这里可用锚点跳转,也可以像这样用url传参判断加上animate 和 scrollTop()配合实现效果
a.html:

<body>
<p>点击跳转到页面2中的某个位置</p><br />
<button id="btn">点击跳转</button>
</body>
<script type="text/javascript">
window.onload =function(){
var fff;
var btn =document.getElementById("btn")
btn.onclick =function(){
fff=1;
window.location='index2.html?fff='+fff
}
}
</script>

b.html:

<ul>

<li>1、微信公众平台开发是指为微信公众号进行业务开发,为移动应用、PC端网站、公众号第三方平台(为各行各业公众号运营者提供服务)的开发,请前往微信开放平台接入。</li>
<li>2、在申请到认证公众号之前,你可以先通过测试号申请系统,快速申请一个接口测试号,立即开始接口测试开发。</li>
<li>3、在开发过程中,可以使用接口调试工具来在线调试某些接口。</li>

<li>4、每个接口都有每日接口调用频次限制,可以在公众平台官网-开发者中心处查看具体频次。</li>
<li>5、在开发出现问题时,可以通过接口调用的返回码,以及报警排查指引(在公众平台官网-开发者中心处可以设置接口报警),来发现和解决问题。</li>
<li>6、公众平台以access_token为接口调用凭据,来调用接口,所有接口的调用需要先获取access_token,access_token在2小时内有效,过期需要重新获取,但1天内获取次数有限,开发者需自行存储,详见获取接口调用凭据(access_token)文档。</li>

<li id="fff" style="color:red;background:pink;height:30px;">7、公众平台接口调用仅支持80端口。</li>

<li>1)群发消息:公众号可以以一定频次(订阅号为每天1次,服务号为每月4次),向用户群发消息,包括文字消息、图文消息、图片、视频、语音等。</li>
<li>2)被动回复消息:在用户给公众号发消息后,微信服务器会将消息发到开发者预先在开发者中心设置的服务器地址(开发者需要进行消息真实性验证),公众号可以在5秒内做出回复,可以回复一个消息,也可以回复命令告诉微信服务器这条消息暂不回复。被动回复消息可以设置加密(在公众平台官网的开发者中心处设置,设置后,按照消息加解密文档来进行处理。其他3种消息的调用因为是API调用而不是对请求的返回,所以不需要加解密)。</li>
<li>3)客服消息:在用户给公众号发消息后的48小时内,公众号可以给用户发送不限数量的消息,主要用于客服场景。用户的行为会触发事件推送,某些事件推送是支持公众号据此发送客服消息的,详见微信推送消息与事件说明文档。</li>
</ul>

<script type="text/javascript">
//获取url中的参数
function getUrlParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
var r = window.location.search.substr(1).match(reg); //匹配目标参数
if (r != null) return unescape(r[2]); return null; //返回参数值
}
var xx = getUrlParam('fff');
console.log(xx)
var OTfff =$("#fff").offset().top;
console.log("#fff距离顶部距离是"+OTfff)
if(xx==1){
$('html,body').animate({scrollTop: OTfff}, 100);
}

</script>

*文章为作者独立观点,不代表上流阁立场
本文由 江风成 授权 上流阁 发表,并经上流阁编辑。转载此文章须经作者同意,并请附上出处(上流阁)及本页链接。原文链接https://www.o6c.com/web/2016/11/06/655.html
发表评论

坐等沙发
相关文章
html5手机端播放器可拖动播放自定义播放器
html5手机端播放器可拖动播放自定义播放器
Web前端html5网页three.js、earth会转动的地球
Web前端html5网页three.js、earth会转动…
jQuery on()动态加载点击事件失效
jQuery on()动态加载点击事件失效
thinkphp PHPExcel导入到数据库,插入空白数据的解决方案
thinkphp PHPExcel导入到数据库,插入空…
laravel接收get传值和接收post传值
laravel接收get传值和接收post传值
web前端之常用js方法整理common共同引用
web前端之常用js方法整理common共同引用
javaweb开发程序员php开发,微信开发。接受定制开发

最新评论

  • 137博客

    每天醒来,敲醒自己的不是钟声,而

  • 137博客

    谢谢分享,我的博客,欢迎回访

  • 外星人

    爱美是人的天性,就连外星人也不例

  • 陈沩亮网络营销

    谢谢分享!我也想在手机移动端,实

  • shift

    我QQ也被冻永久啊,