Jquery easyui 中iframe页面里面提交post页面上移

最新推荐文章于 2023-12-07 17:37:14 发布

原创最新推荐文章于 2023-12-07 17:37:14 发布 · 884 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

javascript前端

当前文章被收录于：

javascript前端

80 篇文章 0 人学习

前端相关

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一个在iframe页面中遇到的问题：当点击一个带有href='#'属性的按钮时，整个页面会发生上移现象。通过分析发现是由于该按钮的href属性导致，并给出了去除href属性的解决方案。

在iframe页面里，有个按钮

            <a id="btn" href="#"  style="width:100px;" class="easyui-linkbutton" onclick="searchSubmit()" data-options="iconCls:'icon-search'">查询</a>

点击的时候，页面会整体上移，后来发现是这个按钮的 href=”#” 在起作用。去掉 href=”#” 即可。

标签

#jquery #easyui

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

布里渊区

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

jQuery post 传递 iframe

weixin_33994429的博客

08-02

407

//使用POST链接iframe function doOpenPostIfrm(url, args, iframe) { //创建一个隐藏表单 var _form = $("<form></form>", { 'id': 'tempForm', 'method': 'post', ...

JQuery异步提交表单、HTML提交表单到新窗口或IFrame

重剑无锋，大巧不工。。。

08-22

8633

一个工具类，据说JQuery框架，实现异步表单提交，同时添加将表单数据提交到新窗口和IFrame的方法 // 定义函数命名空间 Kevin = new Object(); /** * 异步提交表单 */ Kevin.submitAjaxForm=function(formId, url, succback, isunlock){ jQuery.ajax({ url: u

参与评论您还未登录，请先登录后发表或查看评论

EasyUi Grid以POST方式传送参数绑定

weixin_30361753的博客

10-20

632

function LoadList() { $("#TableContainer").datagrid({ url: '/HM/M_Main/HC/DataPostControl.aspx', method: "post", title: '工资明细列表',...

iframe ajax post请求,使用Jquery和IFrame的跨子域请求(GET,POST,...)

weixin_39890102的博客

08-06

505

我正在尝试在我的主域(http://foo.com)和我的API(http://api.foo.com)之间开发请求.为了绕过关于跨子域内容的限制,我在主页(http ////foo.com/main.html)上使用iframe,指向iframe.html页面:scripts.api.foo.com.(scripts.api.foo.com和foo.com在同一台服务器上,api.foo.com...

[前端] iframe及postMessage使用解析

网站前端/PHP/Android/其他

08-27

1万+

这篇主要讲iframe标签，对于frameset、frame、noframe标签就不讲了，因为在h5中已经不支持了。一、iframe标签介绍： <iframe> 标签规定一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。二、iframe标签兼容： <iframe src="page_two.html" name="ifram...

easyui：点击iframe框架中加载的子页面中的linkbutton按钮，整个页面向上移动的问题

dxd0128的专栏

07-10

1056

<a id="newUser" href="#" class="easyui-linkbutton" iconcls="icon-add" plain="false" >新增</a><script>$("#newUser").click(function () { $(&q

Jquery easyui异步提交表单的两种方式

沐雨橙风ιε的博客

12-07

725

这篇文章分享一下easyui常用的两种表单异步提交的方式。

JQuery 以iframe方式提交表单

Hibiki's Ending

05-21

1351

function iframeForm(url, parameters){ //新增form this.form = $('<form action="'+url+'"method="post" style="display:none;"></form>'); //新增提交的参数 $(Object.keys(parameters)).each(functio...

使用jquery获取iframe加载完成事件

热门推荐

beautifulsarah的博客

02-09

2万+

1. 网页中的iframe加载完成后，希望做一些工作。比如在iframe内容改变前在某处显示"正在加载"，在加载完成后，显示内容改为"加载完成"。那么该怎么处理呢？ 2. 3. 在jquery中iframe加载完成事件为load，而不是ready 4. 5. 6.

jquery下控制iframe页面form提交的问题备忘

LandWay的潜水区

11-23

1万+

首先有两个页面，暂且设为A和B。B是A的子页面，即A的iframe中是B，A中除了一个iframe还有一个from这个form的id为frm：这是A： othersubmit <iframe id="sup" src="supindex.html" mce_src="supindex.html" width="100%" height=

如何使用iframe达到post提交的效果

Eeeeearl的博客

05-30

6931

对iframe中的页面使用post提交。假设是如下的一个页面：<a href="javascript:void(0)" id="aa" >生成页面</a><iframe src="" id="_iframe" width="100%" frameborder="0" scrolling="auto

easyui ajax post,实例详解EasyUI框架使用Ajax提交注册信息

weixin_31260665的博客

08-05

502

本文主要介绍了EasyUI框架使用Ajax提交注册信息的实现代码的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下，希望能帮助到大家。EasyUI框架使用Ajax提交注册信息的实现代码一、服务器代码：@Controller@Scope("prototype")public class StudentAction extends BaseAction {private static fi...

easyUI的datagrid的post请求并传递参数

qq_35158351的博客

12-15

8893

('#recordTable').datagrid({ url:'('#recordTable').datagrid({ url:'{pageContext.request.contextPath}/repaymentPlan/findAdvanceRepayment’, method:’post’, queryParams:{ con

easyui表单提交，携带额外参数

MisshqZzz的博客

05-17

5421

刚刚接触easyui，今天在做一个功能点的时候，需要提交一个表单到服务器，并且要带一些表单之外的参数，我们可以这样写：$("#form1").form("submit", { type: 'post', url: 'addFinancing', onSubmit: function (param) { param.bdatajson = bdatajson }, ...

Easyui--window、dialog....实例

Howinfun的博客

12-30

1669

在页面开头加入以下语句可能会出现样式改变.不能正确的显示组件的外观我自己用的HTML5，改语句样式没发生改变 1.window html方式实现： data-options="iconCls:'icon-save',modal:true" title="my window" style="width:300px;height:300px;">

JQuery EasyUI window 用法

weixin_34419321的博客

08-28

315

JQuery代码 var $win; $win = $('#test-window').window({ title: '添加课程设置信息', width: 820, height: 450, top: ($(window).height() - 820) * 0.5, left: ($(window).width() - 450) * 0...

结合easyui框架修改密码，使用post请求验证原密码时，得到的返回值始终为undefined

晓亮的小黑屋

03-21

1161

关于结合easyui框架修改密码的一些问题出现的问题：当点击修改密码提交按钮时，先获取原密码，传到后台进行密码验证，然后通过验证结果判定是否执行修改。当时验证密码的函数和修改密码的函数是分开写的，只是在修改密码的函数里先调用验证密码的函数，但是验证是使用post的异步请求，导致修改密码的函数还没有得到验证的结果就往下执行了。导致提前获取的验证结果始终为undefined，然后它就一直走的else...