关于html上，多tab的系统上js命名冲突的问题

佳佳减减 2018-03-13 06:29:07

大家好：
我们目前有个系统，需要做成多个tab模式，比如点击某个报表，然后新建一个tab，把报表具体的业务jsp页面load进去；然后我再点击一个报表，然后再新建一个tab，然后再把这个报表load到新的这个tab里；
但问题是，报表的业务jsp页面里面有js，如果两个tab里面的内容是一样的jsp，那势必会有js命名上的冲突，这个问题怎么解决？
前提是不允许用iframe，甲方不允许用。

...全文

439 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

Sunyiban 2018-03-15

打赏
举报

回复

干脆把JS也动态生成呗，看你这格式也都是死的

佳佳减减 2018-03-14

打赏
举报

回复

引用 2 楼 maradona1984 的回复:

如果用jqeury的load方法,貌似js什么都不会加载的不知道不用iframe的考量是什么,虽然iframe有很多缺点,但也是一个非常简单实用的解决方案或者就采用Angular，React，Vue来构造单页应用,还是比较契合你们场景的,但这个是需要较专业的前端来搞的了,也可能对古老的浏览器不太兼容

多谢，我去研究下这三个东西

maradona1984 2018-03-14

打赏
举报

回复

如果用jqeury的load方法,貌似js什么都不会加载的不知道不用iframe的考量是什么,虽然iframe有很多缺点,但也是一个非常简单实用的解决方案或者就采用Angular，React，Vue来构造单页应用,还是比较契合你们场景的,但这个是需要较专业的前端来搞的了,也可能对古老的浏览器不太兼容

在部署项目的过程中为了避免多人合作出现js命名的冲突，我们引入了js函数命名空间的概念。也就是说js命名空间也就是为了减少全局函数的数量，将不同模块需要通讯的函数定义在一个特定的全局变量的属性中。比如工程师A要负责开发的模块需要和工程师B负责开发的模块通讯，也就是说工程师A的模块和工程师B的模块要相互调用彼此模块中的函数，那么我们可以将模块A和模块B分别挂载在一个全局变量如GLABAL={}对象上...

文章目录一、冲突复现1. 新建项目2. 新增页面3. 故障复现二、原因分析1. 浏览器 Debug2. 对比两次页面3. 修改 tabs.html 测试三、源码解析四、解决措施摘要：运行 ionic1 的官方 tab 示例 Demo，新添加一个子页面一切正常，但是当把新页面的 URL 改成与任一 tab 名字相似却不显示页面了。反复尝试发现是 $ionicTab 源码的原因，详细解析如下。 ...

js命名应遵循简洁、语义化的原则一、变量命名方法: 小驼峰式命名法命名规范：前缀为形容词（函数前缀为动词, 以此来区分函数和变量） # 好的命名方式 let maxCount = 10; let tableTitle = '啦啦啦'; # 不好的命名方式 let setConut = 10; let getTitle = '啦啦啦'; 二、常量命名方法：名词全部大写命名规范：使用大写字母和下划线来组合命名，下划线用来分割单词。 const MAX_COUNT =..

有2个js文件 test01.js (function($){ test_function = function(str) { alert(1+str); }; test_function2= function(str) { alert(2+str); } })(jQuery); test02.js (function($){ tes

一，html的命名规范 1，文件名称命名规则统一使用，小写的英文字母，数字和下划线和减号的组合，不得包含汉字空格和特殊符号原则是，方便理解和方便查找 2，首页面的命名统一使用index，例如index.html index.css index.js 3，子页面的命名可以使用纯英文命名的方式，中文直接翻译。二，图片的命名规范 1，图片的名称分为两个部分，用下划线间隔开，前面的部分是表示图片...

81,092

社区成员

341,716

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章