通过ajax在父页面引入几个子页面,来回切换子页面速度越来越慢,怎么解决?

通过ajax在父页面引入几个子页面,父页面的js无法引用在子页面上,如果在子页面重新引入父页面的js,页面是可以,但是切换几次就会变得很慢,最后浏览器崩溃。
clipboard.png
如图左边红色箭头指每一个子页面,右侧为显示每一个子页面的内容,子页面不是一个完整的网页
clipboard.png
以上为子页面内容,只有内容,父页面引入的样式对它有效,js无效。
clipboard.png
如果在子页面最后重新再引一遍就可以,但是就会出现来回切换越来越慢的问题。
附上ajax引入的方法
clipboard.png

阅读 3.1k
3 个回答

谢谢大家,目前我用ifream代替了。

你的js是全局引入的,子页面也只是html代码片段,不是嵌在iframe的,这种情况下,子页面是可以使用父页面js中的方法的,但你引入子页面时,需要在子页面中额外引入一个单独处理这个子页面逻辑的js文件,在这个js文件中调用父页面js的方法。不清楚你的父页面js无效具体是怎么使用的。

每次切换,都加载了一次JS,我想知道你重新加载前 有没有销毁对象,清除引用,解绑事件

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题