微博开放平台
微连接
移动应用
网站接入
电商服务商
电商商家
数据服务
数据服务
合作伙伴
微博支付
轻应用
粉丝服务
文档
推广
我的应用
登录
weibo
开发文档
首页
平台政策与指引
概述
平台公约
新手指南
开发者协议
应用运营管理规范
微连接分级管理办法
应用审核产品指南
应用安全开发注意事项
平台应用设计规范
微服务接入指南
微博登录接入
用微博帐号登录
授权机制
移动应用接入
移动应用介绍
移动应用SSO授权
微博Deep Link
媒体接入平台
头条文章开放接口
视频上传开放接口
电商接入平台
电商服务商接入
电商商家端接入
电商平台能力接口
粉丝服务平台
粉丝服务平台
新手接入指南
微信开发者迁移指南
接收消息
发送消息
自定义菜单
用户管理
生成带参数的二维码
Fans Service Platform
商业接口
商业数据接入指南
订阅服务手册(中文版)
订阅服务手册(英文版)
商业接口-REST API
商业数据常见问题
网站接入
网站接入介绍
微博API
微博API
接口访问频次权限
资源下载
SDK
微博标识下载
常见问题
联系我们
工具箱
链入页面
链出更改
特殊页面
查看源代码
跳转到:
导航
,
搜索
根据下列原因,你没有权限编辑本页:
您刚才请求的操作只有这个用户组中的用户才能使用:
用户
您可以查看并复制此页面的源代码:
=引入JS文件= <pre><script src="http://tjs.sjs.sinajs.cn/open/thirdpart/js/frame/appclient.js" type="text/javascript" charset="utf-8"></script> </pre> 引入了这个 JS 到需要自适应高度的页面,你的应用就能自动适应高度了。 '''友情提示''':为了对页面性能产生最小的影响,建议此文件放在 </body> 之前 =API方法= ==='''触发行为'''=== App.trigger('<cmd>', ['<param>', ['<function>]]); * • <cmd> 必选参数,指定行为的名称 * • <param> 可选参数,指定调用行为的参数 * • <function> 可选参数,指定行为的异步回调函数 '''<cmd> 列表如下''': '''setPageHeight 设置iframe自身的高度''' 设置页面高度为 500px <pre> App.trigger('setPageHeight ', 500); </pre> '''scrollTo 改变父页面滚动条位置''' 设置父页面滚动到顶部位置200px的地方 <pre> App.trigger('scrollTo', 200); </pre> 设置父页面滚动到iframe的顶部位置 <pre> App.trigger('scrollTo', 'page'); </pre> '''parentInfo 获取父页面信息''' <pre> App.trigger('parentInfo', function(parentWin) { console.log(parentWin); // parentWin.iframe.width 获得iframe宽度 // parentWin.iframe.height 获得iframe高度 // parentWin.iframe.left 获得iframe距离父页面左端的距离 // parentWin.iframe.top 获得iframe距离父页面顶端的距离 // parentWin.page.height 父页面高度 // parentWin.page.width 父页面宽度 // parentWin.page.scrollTop 父页面的滚动条scrollTop // parentWin.page.scrollLeft 父页面的滚动条scrollLeft // parentWin.page.url 父页面url // parentWin.win.width 父页面窗口宽度 // parentWin.win.height 父页面窗口高度 }); </pre> '''login 唤起登录浮层''' 应用支持未登录状态下访问,必要的时候唤起登录浮层来登录微博。 <pre> App.trigger('login', { // 请注意,redirect_uri 是登录成功后回调的 URL,必须传的是 *.weibo.com 下的 URL,不支持第三方的地址 'redirect_uri' : encodeURIComponent('http://apps.weibo.com/1852339337/8s1i6v74?key=g-16504') }); </pre> '''setShareDefaultText 设置分享功能的默认文案''' <pre> App.trigger('setShareDefaultText', "默认文案 http://weib.com"); </pre> '''setTitle 设置父页面标题栏(此API暂未开放)''' <pre> App.trigger('setTitle', "Home-My Application Name"); </pre> ==='''事件监听''' (on/off)=== App.on('<event>;', '<function>'); App.off('<event>', '<function>'); * • <event>为必选参数,指定要监听的事件称 * • <function>为可选参数,指定事件的异步回调函数 '''<event> 列表如下''': '''scroll 外层滚动页面的事件''' 绑定 scroll 事件 <pre> App.on('scroll', function(scrollPos){ console.log(scrollPos); // scrollPos.top 纵向滚动条距顶部距离 // scrollPos.left 横向滚动条距左边框距离 }) </pre> 解绑 scroll 事件 <pre> App.off('scroll', <function>) </pre> '''resize 外层改变页面大小的事件''' 绑定 resize 事件 <pre> App.on('resize', function(parentWin) { console.log(parentWin); // parentWin.page.width 父页面宽度 // parentWin.page.height 父页面高度 // parentWin.win.width 父页面窗口宽度 // parentWin.win.height 父页面窗口高度 }); </pre> 解绑 resize 事件 <pre> App.off('resize', <function>) </pre> =常见问题= ===我的应用为什么没有高度自适应?=== * • 检查是否引入了微博提供的 JS 文件 * • 检查引入 JS 文件的 URL 是否正确?
返回到
轻应用开发文档-Web版JavaScript包
。
反馈
分享
顶部