Question

我正在尝试创建一个chrome扩展程序，允许将两个URL输入到一个选项卡中。我将frameset左右分解。这是代码：

Background.html

<!DOCTYPE html>
<html>     
    <head>     
        <title>A frame with two pages</title>    
    </head>
    <frameset cols="*,*">
        <frame src="left.html" name="left">
        <frame src="right.html" name="right">     
    </frameset>     
</html>

左右

<!DOCTYPE html>
<html>
<body onLoad="document.getElementById('urlToJump').value='http://www.foxnews.com/'">     
    <div class="menu">           
        <form>     
            <br>
            <input type="text" id="urlToJump">
            <br>     
            // Test 1 (custom input)
            <input type="button" id="restore" value="Go to the URL above" onclick="window.location.href=document.getElementById('urlToJump').value;" />     
            <br> 
            // Test 2 (calling function)
            <input type="button" value="Load new document" onclick="newDoc()">   
        </form>
    </div>
    <script>
        function newDoc() {
            window.location.assign("http://www.w3schools.com")
        }
    </script>
</body>     
</html>

两个测试都不起作用，因为它们都没有加载预定的目标。怎么解决这个问题？我正在尝试重新创建here找到的Chrome扩展程序，并添加更多内容。谢谢！

Answer 1

这里的问题是Chrome扩展程序不允许您使用内联JavaScript，这真的很糟糕。解决方案是给你的按钮一个ID，然后使用jQuery或JavaScript选择你的按钮，并在JavaScript文件中为它提供 onclick 属性。

Chrome扩展程序无法运行JS onClick

1 个答案: