如何在Tampermonkey中打开带有网页的JavaScript窗口？

Question

So I would like to create a link for a website, and after I clicked for the link, I want to open the page in a javascript popup window. I created a function for this, but unfortunately I get this message in chrome console:

"Uncaught ReferenceError: myFunction is not defined"

My script looks like this:

// ==UserScript== 
// @name filmkodiframe 
// @namespace  http://neocsatblog.mblx.hu
// @description Nézd meg a filmjeidet egyszerűbben filmespolcon!
// @require http://code.jquery.com/jquery-1.11.2.min.js
//  @match      *://*.online-filmespolc.net/*

// ==/UserScript==

// Finnaly attach it into the DOM
$(document).ready(function() {
    $('<a target="_blank" style="cursor:pointer;color:blue;hover:text-decoration:none;" title="A filmkód oldal megnyitása" class="lightview" onclick="myFunction()" id="myFrame" name="myFrame">Film</a>').appendTo('#password');
        function myFunction() {
             window.open("http://filmkod.uw.hu/index.php", "_blank", "toolbar=yes, scrollbars=yes, resizable=yes, top=500, left=500, width=400, height=400");
        }
});

I don't get it why doesn't work, because I use document ready, and the javascript under of the link.

Answer 1

只需使用jQuery事件处理程序并删除内联onclick

$('<a target="_blank"...</a>').click(myFunction).appendTo('#password');

Answer 2

Move the myFunction out of the document.ready function into the global namespace and it will work, like this:

window.newNamespace = {};
newNamespace.myFunction = function() {
    window.open("http://filmkod.uw.hu/index.php", "_blank", "toolbar=yes, scrollbars=yes, resizable=yes, top=500, left=500, width=400, height=400");
}
$(document).ready(function() {
    $('<a target="_blank" style="cursor:pointer;color:blue;hover:text-decoration:none;" title="A filmkód oldal megnyitása" class="lightview" onclick="newNamespace.myFunction()" id="myFrame" name="myFrame">Film</a>').appendTo('#password');
});