Question

java-script在页面上工作，但在i frame page

上没有响应

我在一个基本的php页面工作（生病叫它home.php），我正在尝试编写一个从左到右移动的进度条（使用JS进行onclick）。我遇到的问题是我使用iframe加载“设置内容”，当用户通过iframs点击“设置内容”时，进度条似乎只响应主页上的代码（它似乎忽略任何在使用iframe加载的页面上的js代码）。

如果您想了解更多详细信息，请输入以下代码：

<!--SCRIPT ON HOME PAGE:-->
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">

 <div class="w3-light-grey">
  <div id="myBar" class="w3-container w3-green" style="height:24px;width:1%"></div>
</div>

<button class="w3-button w3-light-grey" onclick="move()">Click Me</button>

<script>
function move() {

    var elem = document.getElementById("myBar");
    var width = 1;
    var id = setInterval(frame, 24);
    function frame() {
        if (width >= 20) {
            clearInterval(id);
        } else {
            width++;
            elem.style.width = width + '%';
        }
    }


}

</script> 
<!--SCRIPT ON HOME PAGE-->


<!--SCRIPT ON PHP PAGE LOADED IN USING iframes-->
<button class="tablinks" onclick="move()">My Resume</button>
<!--SCRIPT ON PHP PAGE LOADED IN USING iframes-->

Answer 1

过去，您可以通过调用parent.move()来调用属于iframe父网页的“移动”功能。但是，现在你需要关心CSP - Content Security Policy。

打开控制台，查看“阻止带原点的框架......”之类的内容。然后通过更新CSP来修复它，直到它工作。

javascript适用于页面，但不适用于iframe页面

1 个答案: