通过主页面的按钮,点击后, 滚动到 iframe 子页面 <a name="docker-架构" class="md-header-anchor"></a>这个位置
现在不报错了,但是没有滚动
拜托了,大神,就查这一个功能了.
主页面 index.html 代码如下
<html>
...
<iframe src="test1.html" width="100%" frameborder="0" scrolling="no" id="external-frame" name="external-frame"
onload="setIframeHeight(this)"></iframe>
...
/* 点击这个按钮, 跳转到锚点 docker-架构 的位置*/
<button onclick="bookmark_button_click(this)">docker-架构</button>
<script>
function bookmark_button_click(self){
var x_text = self.innerText // 值是:docker-架构
document.querySelector("iframe").contentDocument.documentElement.querySelector("a[name="+x_text+"]")
}
<script>
<html>
test1.html 代码如下:
<html>
<body>
....
<h3><a name="centos7" class="md-header-anchor"></a><span>Centos7</span></h3>
...
<h2><a name="container 容器相关命令" class="md-header-anchor"></a><span>Container 容器相关命令</span></h2>
...
<h2><a name="docker-架构" class="md-header-anchor"></a><span>Docker 架构</span></h2>
...
</body>
<html>
@
cydian