form表单中控件较多,加载完成后切换页面都很慢的解决方法

form表单中控件较多,加载完成后点击都很慢,为什么?
我一页面中form表单里面上百个控件（如input、select、radio、checkbox等），还有一些js脚本，加载速度还可以，都能全部显示完毕，但是点击一些事件（如切换tab、关闭模拟框，点击radio等）都非常慢，不知道为什么？

当我采用inprivate模式浏览时，以上动作都很快，但老用inprivate也麻烦，有何办法解决。

按理说form都在客户端显示完全了，其他操作都是客户端的操作阿应该不慢才对阿/。

------解决思路----------------------
提出多余的div ，尽量不要使用table
能够用css完成的操作不建议使用js
使用jquery替换js，充分利用jquery的选择器优势
------解决思路----------------------
我以前也遇到过。是控件太多的原因，跟TABLE和DIV等太多没有关系。
你可以测试下，把控件去掉，然后把现有的TABLE和DIV等都复制个十倍出来，响应速度依然比有控件在里面快。

其中，主要是SELECT控件多了，会明显影响响应速度。你可以在这个方向深入研究下。

终极解决方法:不使用form submit  用js控制传参到服务器端

时间： 2024-10-11 17:16:49

form表单中控件较多,加载完成后切换页面都很慢的解决方法的相关文章

Ladda 应用提交表单的时候显示loading加载中 包括不同位置，不同效果

Ladda 应用提交表单的时候显示loading加载中 包括不同位置,不同效果 不同大小,位置,效果,进度条等 演示 XML/HTML Code <article class="examples" style="margin-top:0px;"> <section class="button-demo"> <h3>expand-left</h3> <button class="lad

DELPHI7加载UNICODE编码格式的TXT显示为乱码的解决方法

DELPHI7的STRING默认是ANSI编码,加载UNICODE编码格式的TXT显示为乱码,解决方法如下: procedure TForm1.Button1Click(Sender: TObject);var F:TFileStream; S:WideString; I:Integer; FileName:string;begin FileName := ExtractFilePath(Application.ExeName)+'20151214003.txt'; F:=TFileStream

Flutter Form表单控件超全总结

注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 Form.FormField.TextFormField是表单相关控件,类似于H5中form. FormField FormField是一个表单控件,此控件包含表单的状态,方便更新UI,通常情况下,我们不会直接使用FormField,而是使用TextFormField. TextFormField TextFormField继承自FormField,是一个

uLua/toLua加载protobuf转lua的table为bool的解决方法

当我们加载protobuf对应的lua的table的时候,我们使用如下方式来加载 local person_pb = require 'Protol.person_pb' 注意,这个table前面的Protol.这段一定不能去掉,如果去掉了,你加载到的persob_pb将会是一个bool类型的值. 如果加上这个Protol.的话,你才能加载到真正有的数据表. 也许是lua和protobuf工具关联时的一个约定,也许是这样,反正要放在protol文件夹下就能加载到数据表.

关于C#使用Dllimport 导入vc++动态库后网站部署提示 “无法加载 DLL，找不到指定模块”的解决方法。

这次项目需要,做了一个C#写的WebService服务给外部调用,服务内部引用了算法库,本地调试已经通过,现场部署服务时各种提示找不到DLL文件. 第一.如果是包含有32位库在64位服务器系统上运行,会有一个运行时错误,64位的IIS默认“应用程序池”不启用32位支持,需要去“高级设置”里启用32位支持 第二.找不到Dll处理方法: 网上查到的Dllimport路径相关: DllImport会按照顺序自动去寻找的地方:1.exe所在目录2.System32目录3.环境变量目录 三种都试过没用,依

服务器加载spring配置文件报context:component-scan节点未声明解决方法

关于jboss服务器启动,spring配置文件加载报错解决方法 The matching wildcard is strict, but no declaration can be found for element 'context:component-scan'. spring配置文件代码: <!-- 自动扫描的包名 --> <context:component-scan base-package="com.regaltec.gtfhr.*,cn.tisson.*"

php ci框架中加载css和js文件失败的原因及解决方法

在将html页面整合到ci框架里面的时候,加载css和js失败.原因是ci框架是入口的框架 对框架中文件的所有请求都需要经过index.php处理完成,当加载外部的css和js文件的时候要使 用base_url()函数处理外部的链接. 在控制器中需要先载入url相关的类 public function test() { $this->load->helper('url'); $this->load->view('admin/test'); } 在test.php的view视图中.

bootstrap的form表单控件的事例

<html lang="en"> <head> <title>form</title> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width

JSP常用Form表单控件

[easyui]--combobox--赋值和获取选中的值 /初始化下拉选框 $('#communityIdDiv').combobox({ url:basepath+"pushController/queryCommonityName", valueField:'col_ID', textField:'col_Name', panelHeight:80, selectOnNavigation:false, loadFilter:function(data){ var o = [{'c