ligertoolbar 动态加载按钮_iframe标签动态修改URL

4214c8f96e856e09a7a20e9b1670b220.png

        在做项目的时候需要在右侧HTML中嵌入按钮,实现点击按钮后可以切换场景,这可真是伤脑筋。最后给出了三种方案:①类似原格式,在右侧嵌入和最外层格式相同的形式,类似套娃。②修改后台场景的加载方式,支持reload,但实现很麻烦。③初始化场景的时候在右侧将所有场景融合到一起(位置不同),点击按钮修改相机的朝向。

        最后取了第一种方式,最开始想的时候是在右侧的顶部加一个

标签(只是为了移动到该字体上可以变成小手),执行对应的click方法。

        具体修改该链接的方式很简单,通过修改window下的frames对应的链接来动态的加载不同的场景。  代码如下:

function jump(pathName) {    let baseUrl = 'http://localhost:8800/view.html?jsPath=project/';    if (pathName === '监测') {        //关键代码        window.frames.location.href = baseUrl +'monitor.js';    }else if(pathName === '风险源'){        window.frames.location.href = baseUrl + 'riskSource.js';    }else if(pathName === '盾构'){        window.frames.location.href = baseUrl + 'ShieldNavigation-2.js'    }}

        跳转的GIF就不演示了,下面放一张试验的失败图片a7fc2e94fc0497e822791797666f934b.png

悲催的心路历程

    这是方案①的原始版本,像不像套娃。

24942404606add4b54b7e784e28130ce.png

f7232efbc24a935ce32c6aa936b080fa.png

cbbf603a1c81febe683bc1afe637f8ee.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值