Question

我正在尝试在页面上执行3个javascript命令 http://ringvaart.toervolger.nl/nl/tour_2/livepagina/?mode=default 通过将其加载到我自己的div中，但我无法执行命令。命令

toggleAllSelected();
setActiveTeamId(64);
toggleSelectedTeamId(40);

能够在原始页面上执行，但它们没有在我自己的javascript中定义，因此我无法执行它们。

有人可以帮帮我吗？

顺便说一下，由于在原始页面上执行它们的约束不是一种选择。

亲切的问候！

<html>
<body>
<div id="ringvaart"></div>

</body>
<script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function() {
    $("#ringvaart").html( "<object data='http://ringvaart.toervolger.nl/nl/tour_2/livepagina/?mode=default' style='width:100%; padding:0px; margin:0px; height:100%;'/>").ready(
        function(){
            toggleAllSelected();
            setActiveTeamId(64);
            toggleSelectedTeamId(40);
        }
    );

});
</script>

<style >
#ringvaart{
    width: 1920px;
}

body{
    margin:0px;
    padding:0px;
}

</style>

Answer 1

从技术上讲，无法访问不同域的内联页面。但是，如果您的页面和嵌入页面位于同一个域（ringvaart.toervolger.nl），那么它是可能的。在iframe中加载页面

<iframe id="inlinePage" src="http://ringvaart.toervolger.nl/nl/tour_2/livepagina/?mode=default"></iframe>

然后到iframe的contentWindow访问全局变量

document.getElementById('inlinePage').contentWindow

无法执行从外部html页面加载的javascript

1 个答案: