Javascript 扩展名未按预期显示_Javascript_Jquery_Html_Google Chrome Extension

Javascript 扩展名未按预期显示

javascript jquery html google-chrome-extension

Javascript 扩展名未按预期显示,javascript,jquery,html,google-chrome-extension,Javascript,Jquery,Html,Google Chrome Extension,在这个扩展中，我试图让它先打招呼，然后再打用户名。但是，它会继续显示默认值，即Hello World，并且从不显示用户名。我不知道JQuery是否有问题，但有些地方出了问题以下是html： <!DOCTYPE html> <html> <head> <title>Hello World</title> </head> <body> <script src='popup.js'>

在这个扩展中，我试图让它先打招呼，然后再打用户名。但是，它会继续显示默认值，即Hello World，并且从不显示用户名。我不知道JQuery是否有问题，但有些地方出了问题

以下是html：

<!DOCTYPE html>
<html>
<head>

    <title>Hello World</title>
</head>
<body>
    <script src='popup.js'>    
    </script>

    <script src="https://code.jquery.com/jquery-1.10.2.js">    
    </script>

    <h2 id='greet'>Hello World!</h2>

    <input type="text" id='name'>    


</body>
</html>

您的代码很好，但是请更改jQuery和您自己的脚本的顺序，因为它无法运行它，因为此时没有jQuery可以运行。HTML以线性方式从上到下读取文档。这就是它不起作用的原因

$（函数（）{
$（'#name'）.keyup（函数（）{
$（'#greet'）.text（'Hello'+$（'#name'）.val（））；
})
});

你好，世界！
可能是popup.js（或其他地方）中有错误阻止了此脚本的运行-您发布的脚本在调试过程中运行良好。请注意，扩展上下文不会从外部CDN加载jQuery，除非。一般来说，不将这些资源与扩展打包是个坏主意。
$(function(){
    $('#name').keyup(function(){
        $('#greet').text('Hello ' + $('#name').val());
    })
});