我们借助锚点来实现这个功能。至于锚点是什么,它可以标记一个页面中的一个部分,url中以#后面跟随的就是锚点,然后会直接定位到锚点的内容。
锚点的设置可以用location.hash='锚点内容 '来设置
我的页面Iframe分为两部分 ;一部分是选项按钮(引入了一个页面) 一部分是点击选项按钮展示内容部分
如果是iframe子页面(选项按钮页面点击按钮给父页面的url地址上的锚点赋值)在<a/>标签上绑定的了一个点击事件
思路:因为定位到锚点是不会进行页面的刷新的,假如说我们可以监听url中锚点的变化,是否可以根据这个锚点的内容通过js去设置iframe中的值
onhashchange 监听锚点的变化事件(有需要的可以看一下菜鸟教程也有)
获得锚点
var hash = location.hash;
hash = hash.substring(1,hash.length);
至于前面为什么要对字符串进行截取,是因为通过location.hash拿到的内容,最前面是#,所以通过substring把#去掉。
例如:http://localhost:8000/identifyApplication#identifyingForm
设置iframe地址
$("#test").attr("src", url);改变iframe的src属性