本文和大家重點討論一下JS控件在IFrame中的應用，為了便于大家理解通過圖里向大家解釋，相信本文介紹一定會讓你有所收獲。

IFrame應用JS控件

概述

IFrame應用JS控件是為了保證開發人員可以方便獲得網易夢幻人生平臺等數據的同時，快速的進行應用開發，并給用戶更好的展示效果和更方便的信息共享。

使用

開發人員只需要在網頁文件引入我們提供的JS文件。

a.若服務器文件編碼為GBK，導入如下:

<scripttypescripttype="text/javascript" 
src="http://apps.163.com/js/netease/mylife/NeApps.js"> 
</script> 

b.若服務器文件編碼為UTF-8，導入如下:

<scripttypescripttype="text/javascript" 
src="http://apps.163.com/js/netease/mylife/NeApps-utf8.js"> 
</script> 

#p#示例

◆卡片

直接在需要使用的鏈接上調用NeAppsUI.showCard(uid,e)，其中uid為用戶id,e為事件。示例如下：

<atitleatitle="點擊人名卡片"class="fc02"  
onclick="NeAppsUI.showCard('1034',event)" 
href="javascript:void(0);">我是qatest5</a> 
 

頁面得到的效果如下：

#p#

◆好友選擇

直接在需要使用的文件上調用NeAppsUI.showFriends(elementId,options)函數，可以加入可選參數isMultiple(是否多選)和width（寬度）。

示例如下：

<divstyledivstyle="margin-top:200px;  
width:450px"id="friendselect"><b></b> 
</div> 
<script>NeAppsUI.showFriends("friendselect",  
{isMultiple:true})  
</script> 

頁面得到的效果如下：

選擇用戶后，再通過NeAppsUI.getFriends()得到好友選擇列表（friendSelectObject）。
當friendSelectObject有值的時候。即用戶存在好友時，其內部的單個對象的值示例如下：

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

即每個對象里面包括：gender,userId,groupId,nickNamePy,nickname,smallImg,userName屬性，通過如下方式得到即可。

if(NeAppsUI.getFriends()._$getSelected().length<1)  
{  
alert("嘿嘿,請選擇一個好友");  
  returnfalse;   
 }  
 
 alert(NeAppsUI.getFriends()._$getSelected()[0].
userId+friendSelectObject._$getSelected()[0].userName); 

◆心情

直接在需要使用的文件上調用NeAppsUI.showFeeling(elementId)函數，其中elementId為表單元素ID。示例如下：

<divstyledivstyle="margin:200px100px;width:450px" 
 
class=""id="testfeeling"style="height:28px;"><b></b></div> 
<script>NeAppsUI.showFeeling('testfeeling')</script> 

頁面得到的效果如下：

◆JS參數

JS得到服務器上傳遞的參數。如得到所有的參數數組，可如下調用： 

<script>NeAppsUI.request()</script> 
,得到某一個參數值可<script>NeAppsUI.request()['st']</script> 

st也可以直接通過NeAppsUI.getSt()獲得
 

【編輯推薦】

1. JS方法在iframe父子窗口間的調用
2. JavaScript函數的定義及形式參數
3. 移花接木 實例講解Ext JS控件的擴展
4. JavaScript函數中arguments對象
5. Javascript中CSS屬性float特殊寫法