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

IFrame應(yīng)用JS控件

概述

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

使用

開發(fā)人員只需要在網(wǎng)頁文件引入我們提供的JS文件。

a.若服務(wù)器文件編碼為GBK，導(dǎo)入如下:

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

b.若服務(wù)器文件編碼為UTF-8，導(dǎo)入如下:

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

#p#示例

◆卡片

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

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

頁面得到的效果如下：

#p#

◆好友選擇

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

示例如下：

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

頁面得到的效果如下：

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

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); 

◆心情

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

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

頁面得到的效果如下：

◆JS參數(shù)

JS得到服務(wù)器上傳遞的參數(shù)。如得到所有的參數(shù)數(shù)組，可如下調(diào)用： 

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

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

【編輯推薦】

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