JS控件在IFrame中的应用
创始人
2024-07-15 12:41:48
0

本文和大家重点讨论一下JS控件在IFrame中的应用,为了便于大家理解通过图里向大家解释,相信本文介绍一定会让你有所收获。

IFrame应用JS控件

概述

IFrame应用JS控件是为了保证开发人员可以方便获得网易梦幻人生平台等数据的同时,快速的进行应用开发,并给用户更好的展示效果和更方便的信息共享。

使用

开发人员只需要在网页文件引入我们提供的JS文件。

a.若服务器文件编码为GBK,导入如下:

  1. src="http://apps.163.com/js/netease/mylife/NeApps.js"> 
  2.  

b.若服务器文件编码为UTF-8,导入如下:

  1. src="http://apps.163.com/js/netease/mylife/NeApps-utf8.js"> 
  2.  

#p#示例

◆卡片

直接在需要使用的链接上调用NeAppsUI.showCard(uid,e),其中uid为用户id,e为事件。示例如下:

  1. onclick="NeAppsUI.showCard('1034',event)" 
  2. href="javascript:void(0);">我是qatest5 
  3.  

页面得到的效果如下:

#p#

好友选择

直接在需要使用的文件上调用NeAppsUI.showFriends(elementId,options)函数,可以加入可选参数isMultiple(是否多选)和width(宽度)。

示例如下:

  1. width:450px"id="friendselect"> 
 
  •  
  • 页面得到的效果如下:

    选择用户后,再通过NeAppsUI.getFriends()得到好友选择列表(friendSelectObject)。
    当friendSelectObject有值的时候。即用户存在好友时,其内部的单个对象的值示例如下:

    1. s3.gender="M";s3.groupId=35001;s3.nickNamePy="qatest6";  
    2. s3.nickname="qatest6";  
    3.  
    4. s3.smallImg="http://st.dream.163.com/style/images/
    5. framework/user_default_small.gif";  
    6.  
    7. s3.userId=970865;s3.userName="qatest6";  

    即每个对象里面包括:gender,userId,groupId,nickNamePy,nickname,smallImg,userName属性,通过如下方式得到即可。

    1. if(NeAppsUI.getFriends()._$getSelected().length<1)  
    2. {  
    3. alert("嘿嘿,请选择一个好友");  
    4.   returnfalse;   
    5.  }  
    6.  
    7.  alert(NeAppsUI.getFriends()._$getSelected()[0].
    8. userId+friendSelectObject._$getSelected()[0].userName); 

    ◆心情

    直接在需要使用的文件上调用NeAppsUI.showFeeling(elementId)函数,其中elementId为表单元素ID。示例如下:

    1.  
    2. class=""id="testfeeling"style="height:28px;">
     
  •  
  • 页面得到的效果如下:

    ◆JS参数

    JS得到服务器上传递的参数。如得到所有的参数数组,可如下调用: 

    1.  
    2. ,得到某一个参数值可 

    st也可以直接通过NeAppsUI.getSt()获得
     

    【编辑推荐】

    1. JS方法在iframe父子窗口间的调用
    2. JavaScript函数的定义及形式参数
    3. 移花接木 实例讲解Ext JS控件的扩展
    4. JavaScript函数中arguments对象
    5. Javascript中CSS属性float特殊写法

     

     

    相关内容

    热门资讯

    如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...
    如何利用交换机和端口设置来管理... 在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
    施耐德电气数据中心整体解决方案... 近日,全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”,作为该活动的...
    Windows恶意软件20年“... 在Windows的早期年代,病毒游走于系统之间,偶尔删除文件(但被删除的文件几乎都是可恢复的),并弹...
    20个非常棒的扁平设计免费资源 Apple设备的平面图标PSD免费平板UI 平板UI套件24平图标Freen平板UI套件PSD径向平...
    德国电信门户网站可实时显示全球... 德国电信周三推出一个门户网站,直观地实时提供其安装在全球各地的传感器网络检测到的网络攻击状况。该网站...
    着眼MAC地址,解救无法享受D... 在安装了DHCP服务器的局域网环境中,每一台工作站在上网之前,都要先从DHCP服务器那里享受到地址动...
    为啥国人偏爱 Mybatis,... 关于 SQL 和 ORM 的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行...