本文和大家重點(diǎn)討論一下JS控件在IFrame中的應(yīng)用，為了便于大家理解通過(guò)圖里向大家解釋?zhuān)嘈疟疚慕榻B一定會(huì)讓你有所收獲。

IFrame應(yīng)用JS控件

概述

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

使用

開(kāi)發(fā)人員只需要在網(wǎng)頁(yè)文件引入我們提供的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="點(diǎn)擊人名卡片"class="fc02"  
onclick="NeAppsUI.showCard('1034',event)" 
href="javascript:void(0);">我是qatest5</a> 
 

頁(yè)面得到的效果如下：

#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> 

頁(yè)面得到的效果如下：

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

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

即每個(gè)對(duì)象里面包括：gender,userId,groupId,nickNamePy,nickname,smallImg,userName屬性，通過(guò)如下方式得到即可。

if(NeAppsUI.getFriends()._$getSelected().length<1)  
{  
alert("嘿嘿,請(qǐng)選擇一個(gè)好友");  
  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> 

頁(yè)面得到的效果如下：

◆JS參數(shù)

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

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

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

【編輯推薦】

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