代碼清除頁面，而不是去新的網站

-2

我一直在試圖創建這個鉻擴展，你輸入一個地址，然後點擊一個按鈕，它就會去那裏。這可能聽起來像一個愚蠢的想法，但不知何故，一個網站上的服務器塊被鉻擴展繞過。這是我當前的代碼：代碼清除頁面，而不是去新的網站

<html> 
    <head> 
    <title>Website Opener</title> 
    <style type="text/css"> 
    body 
    { 
    font-family: "Lucida Grande"; 
     height: 100%; 
    } 
    </style> 
    <script> 
     $(document).ready(function() { 
     $('#url').change(function() { 
     var newurl = $('#url').val(); 
     $('a.target').attr('href', newurl); 
     }); 
     }); 
    </script> 
    </head> 
    <body> 
    <form> 
     <input type="text" id='url' value='http://'> 
     <br> 
     <p><a class="target" href="">Go!</a></p> 
    </form> 
    </body> 
</html>

什麼它目前不只是使頁面空白或透明的而不是去新網站的輸入框。

我已經嘗試過javascript .open（）方法，這是嘗試jQuery。我主要想知道是否有其他方法來做到這一點，或者如果我錯過了一些東西。

來源

2014-05-12 Max Narvaez

在點擊鏈接之前將鼠標懸停在鏈接上。目標網址應顯示在窗口底部的狀態欄中。 –

你試過了window.location.href = newurl; ？ – cakan

正如我所見，您沒有將jQuery腳本附加到您的頁面。 – kuzzmi

-1

這將幫助你：

廣場的jQuery您<head>或在你的頁面的結束，但你的代碼之前。
```
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> 
```

然後重寫代碼使用keypress事件：

$(document).ready(function() { 
    $('#url').keypress(function() { 
     $('.target').attr('href', this.value) 
    }) 
});

FYI：當你改變了你的輸入值change事件發生，並將焦點設置在它外面。因此，如果您輸入網址並將鼠標光標放在鏈接上並按下它，change事件將在您點擊後觸發。所以要小心這些事件。

UPDATE：我剛剛看到您正在爲GC進行擴展。最佳實踐告訴我們應用層的目標。 HTML和JS應該分開。

在你manifest.json你必須添加

"js": ["jquery.js", "content_script.js"]

和HTML文件移到你的JavaScript邏輯的content_script.js。

來源

2014-05-12 14:46:11 kuzzmi

試過了，它仍然顯示我正在瀏覽的網頁的網址。 –

請再試一次我把這些東西放到更新部分 – kuzzmi

好吧，我會試試那些 –

代碼清除頁面，而不是去新的網站

回答

相關問題