官方建立的默认底部导航窗口,在frame0里写了

api.setFrameGroupIndex({

name: 'group',

index: 1,

scroll:true

});

}

页面跳转了,但是index.html的随意切换按钮默认项不动,怎么能让index.html默认变化

// 随意切换按钮

function randomSwitchBtn( tag ) {

if( tag == $api.dom('#footer li.active') )return;

var eFootLis = $api.domAll('#footer li'),

eHeaderLis = $api.domAll('header li'),

index = 0;

for (var i = 0,len = eFootLis.length; i < len; i++) {

if( tag == eFootLis[i] ){

index = i;

}else{

$api.removeCls(eFootLis[i], 'active');

$api.removeCls(eHeaderLis[i], 'active');

}

}

$api.addCls( eFootLis[index], 'active');

$api.addCls( eHeaderLis[index], 'active');

api.setFrameGroupIndex({

name: 'group',

index: index

});

}

已经试验了execscript,frame0.html写

function jump(id){

api.setFrameGroupIndex({

name: 'group',

index: 1,

scroll:true

});

var jsfun = 'setJiSuan('+id+',"计算");';

api.execScript({

name:'root',

frameName:'root',

script: jsfun

});

}

index.html写

function setJiSuan(name, title) {

if(name==null){alert(title);}

alert(name);

}

测试,结果不报错,没反应,页面跳转正常。

应该怎么改,求大神帮忙,试了各种帖子方法,一天了,没搞定,我是新人,刚刚第一次做,很多都不会,做着玩的

err.jpg

(45.05 KB, 下载次数: 0)

2020-2-4 15:58 上传

点击双表1

err1.jpg

(55.59 KB, 下载次数: 0)

2020-2-4 15:58 上传

跳转了,但下边导航不动,上边heard不动

html frame 菜单切换,官方底部导航如何通过frame0.html的JS控制切换相关推荐

  1. 【Flutter】StatefulWidget 组件 ( 底部导航栏组件 | BottomNavigationBar 组件 | BottomNavigationBarItem 组件 | 选项卡切换 )

    文章目录 一.BottomNavigationBar 组件 二.BottomNavigationBarItem 组件 三.BottomNavigationBar 底部导航栏代码示例 四.BottomN ...

  2. uniapp 底部菜单_uni-app 自定义底部导航栏的实现

    这是我目前发现较好的uni-app 自定义底部导航栏方法,其他方法的缺点主要是在切换时,要么会闪烁,要么会每点击一下,都会请求一次数据.如果有其他更好的方法,欢迎评论留言,最近才开始用uni-app写 ...

  3. 如何使用Google底部导航栏创建通知徽章

    Bottom navigation bars make it simple for users to access and shift between main views with a single ...

  4. 质感设计 android,扣丁学堂Android开发Flutter质感设计之底部导航

    BottomNavigationBar即底部导航栏控件.显示在应用底部的质感设计控件,用于在少量视图中切换.底部导航栏包含多个以标签.图标或两者搭配的形式显示在项目底部的项目,提供了应用程序的顶级视图 ...

  5. ios底部栏设计规范_设计干货:底部导航栏规范设计总结

    本文翻译了 Material Design 规范中对底部导航的规范总结,希望可以带给你更多帮助. 本文翻译了 Material Design 规范中对底部导航的规范总结,希望可以带给你更多帮助. 备注 ...

  6. Bootstrap 可切换的标签导航

    标签间的切换,需要 bootstrap-tab.js 文件支持,因此,要实现可切换的标签导航,首先需要导入 jQuery 库和 bootstrap-tab.js 插件: <script src= ...

  7. BottomNavigationView+Navigation 添加底部导航菜单切换时的fragment过渡动画animation

    Navigation默认的透明度动画,只有300毫秒,通过BottomNavigationView切换fragment时,几乎看不到过渡动画的效果,开始还以为没有动画. 开始在网上查找相关资料,最后找 ...

  8. php仿微信底部菜单,Android实现简单底部导航栏 Android仿微信滑动切换效果

    Android仿微信滑动切换最终实现效果: 大体思路: 1. 主要使用两个自定义View配合实现; 底部图标加文字为一个自定义view,底部导航栏为一个载体,根据需要来添加底部图标; 2. 底部导航栏 ...

  9. android滑动菜单图标,Android实现简单底部导航栏 Android仿微信滑动切换效果

    Android仿微信滑动切换最终实现效果: 大体思路: 1. 主要使用两个自定义View配合实现; 底部图标加文字为一个自定义view,底部导航栏为一个载体,根据需要来添加底部图标; 2. 底部导航栏 ...

最新文章

  1. python画笑脸-如何用Python画滑稽笑脸
  2. 3.2.2 请求分页管理方式
  3. linux qt libs,linux下qt使用第三方库的那些事
  4. 安装iproute2
  5. 红橙Darren视频笔记 界面优化与屏幕适配(上)
  6. 【Elasticsearch】中文分词器比对表
  7. php安装扩展写kafca,安装PHP的kafka扩展
  8. 为什么房间的 Wi-Fi 信号这么差
  9. xp电脑多少位怎么看_怎么看电脑是32位还是64位
  10. Cozmo人工智能机器人SDK使用笔记(8)-应用部分apps
  11. 数字图像处理——基于matlab的车牌号识别
  12. 用计算机计算的结构图怎么画,冯·诺依曼计算机结构图解析
  13. 采集PLC数据转MQTT上报实现对PLC远程调试和远程程序上下载
  14. 菜鸟电子面单对接记录
  15. myeclipse项目导入eclipse在Web项目下的WebRoot和WebContent
  16. c语言看门狗的作用,看门狗定时器工作原理及作用
  17. .Microsoft Visual Studio 2010 Service Pack 1
  18. UID、PID、PPID是什么?
  19. 用LSTM生成武侠人名
  20. 调用其他命名空间中的函数-洋葱先生-杨少通

热门文章

  1. android 设置自动弹框,安卓开发 弹出对话框,然后自动消失
  2. java公平索非公平锁_Java 并发编程中使用 ReentrantLock 替代 synchronized
  3. vim 配置文件 C/C++
  4. 不同品牌android手机ui,各大安卓手机品牌里,系统UI设计对比,谁赢了?
  5. 面板panel与窗口frame的区别
  6. lingo 嵌套@for或嵌套@sum
  7. HDLBits 系列(25)独热码有限状态机实现的简单方式
  8. FPGA笔试题解析(三)
  9. 【 FPGA 】Vivado中常用的5个Tcl命令
  10. 《C和指针》对于数组这一节的总结