iis服务器助手广告
返回顶部
首页 > 资讯 > 前端开发 > VUE >JS控件在IFrame中怎么用
  • 549
分享到

JS控件在IFrame中怎么用

2024-04-02 19:04:59 549人浏览 独家记忆
摘要

这篇文章给大家分享的是有关js控件在IFrame中怎么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。IFrame应用JS控件概述IFrame应用J

这篇文章给大家分享的是有关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>

示例

◆卡片

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

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

页面得到的效果如下:

JS控件在IFrame中怎么用

好友选择

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

示例如下:

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

页面得到的效果如下:

JS控件在IFrame中怎么用

选择用户后,再通过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控件在IFrame中怎么用

◆JS参数

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

<script>NeAppsUI.request()</script> ,得到某一个参数值可<script>NeAppsUI.request()['st']</script>

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

感谢各位的阅读!关于“JS控件在IFrame中怎么用”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

--结束END--

本文标题: JS控件在IFrame中怎么用

本文链接: https://www.lsjlt.com/news/86883.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JS控件在IFrame中怎么用
    这篇文章给大家分享的是有关JS控件在IFrame中怎么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。IFrame应用JS控件概述IFrame应用J...
    99+
    2024-04-02
  • js怎么判断是否在iframe中
    这篇文章主要介绍了js怎么判断是否在iframe中,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。1. js如何判断是否在iframe中Js代...
    99+
    2024-04-02
  • js怎么控制iframe滚动条位置
    可以使用以下JS代码来控制iframe滚动条的位置:```javascript// 获取iframe元素var iframe = d...
    99+
    2023-09-21
    js
  • JS控件bootstrap suggest plugin怎么用
    小编给大家分享一下JS控件bootstrap suggest plugin怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!b...
    99+
    2024-04-02
  • JS日期控件My97DatePicker怎么用
    这篇文章主要介绍了JS日期控件My97DatePicker怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。My97DatePicker是一款非常灵活好用的日期控件。使用非...
    99+
    2023-06-22
  • 怎么在Android中使用Spinner控件
    今天就跟大家聊聊有关怎么在Android中使用Spinner控件,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。一、使用方法在layout中创建Spinner控件<Spinner...
    99+
    2023-05-30
    android spinner
  • Qslider控件怎么在Python中使用
    Qslider控件怎么在Python中使用?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。python可以做什么Python是一种编程语言,内置了许多有效的工具,...
    99+
    2023-06-14
  • ListView控件怎么在Android中使用
    本篇文章给大家分享的是有关ListView控件怎么在Android中使用,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。一、ListView的简单用法首先新建一个ListView...
    99+
    2023-05-30
    android listview
  • HTML中框架iframe怎么用
    这篇文章主要介绍了HTML中框架iframe怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 HTML - 框架iframe 通过使...
    99+
    2024-04-02
  • HTML中iframe标签怎么用
    小编给大家分享一下HTML中iframe标签怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!   在这里首先介绍的是HTM...
    99+
    2024-04-02
  • DataGridView控件怎么在C#项目中使用
    DataGridView控件怎么在C#项目中使用?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。1) 创建课程信息表创建课程信息表的 SQL 语句如下。use&n...
    99+
    2023-06-08
  • 怎么在JAVA中利用WatchService监控文件
    今天就跟大家聊聊有关怎么在JAVA中利用WatchService监控文件,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。使用场景场景一:比如系统中的配置文件,一般都是系统启动的时候只加...
    99+
    2023-05-30
    watchservice java
  • Attribute在C# WinForm控件开发中怎么用
    这篇文章主要为大家展示了“Attribute在C# WinForm控件开发中怎么用”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Attribute在C# WinForm控件开发中怎么用”这篇文章...
    99+
    2023-06-17
  • js中oncontextmenu事件怎么用
    小编给大家分享一下js中oncontextmenu事件怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!定义和使用oncont...
    99+
    2024-04-02
  • 怎么在Android中使用progressbar进度条控件
    怎么在Android中使用progressbar进度条控件?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。1)进度条ProgressBar使用方法在layout布...
    99+
    2023-05-30
    android progressbar
  • VB.NET中怎么访问Iframe
    VB.NET中怎么访问Iframe,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。VB.NET访问Iframe前台页面:< %@ Page L...
    99+
    2023-06-17
  • js中oncontextmenu事件怎么使用
    在JavaScript中,可以使用`oncontextmenu`事件来捕获右键菜单事件。以下是使用`oncontextmenu`事件...
    99+
    2023-08-08
    js oncontextmenu
  • js中onbeforepaste事件怎么使用
    在JavaScript中,可以使用onbeforepaste事件来捕获用户在粘贴内容之前的操作。以下是使用onbeforepaste...
    99+
    2023-09-15
    js
  • VB.NET中ListView控件怎么用
    这篇文章主要介绍了VB.NET中ListView控件怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。VB.NET ListView控件在程序开发过程中的使用是非常广泛的。...
    99+
    2023-06-17
  • C#中TextBox控件怎么用
    这篇文章主要介绍了C#中TextBox控件怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。大家知道茬某些特殊情况下,我们有时候需要让户在文本框中只能输入数字,那我们怎么实...
    99+
    2023-06-17
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作