当我直接将JavaScript代码复制到括号中时，为什么JavaScript代码不起作用？_Javascript_Jquery_Html

当我直接将JavaScript代码复制到括号中时，为什么JavaScript代码不起作用？

javascript jquery html

当我直接将JavaScript代码复制到括号中时，为什么JavaScript代码不起作用？,javascript,jquery,html,Javascript,Jquery,Html,我目前正试图在JSfiddle:括号中的这个链接上测试代码 Javascript: $('#showSelected').on('click', function(){ var text = ""; if (window.getSelection) { text = window.getSelection().toString(); } else if (document.selection && document.selection.ty

我目前正试图在JSfiddle:括号中的这个链接上测试代码

Javascript:

$('#showSelected').on('click', function(){
    var text = "";
    if (window.getSelection) {
        text = window.getSelection().toString();
    } else if (document.selection && document.selection.type != "Control") {
        text = document.selection.createRange().text;
    }
    alert(text);    
});

Html:


敏捷的棕色狐狸跳过了懒狗

我已将代码输入括号中。我在标题顶部链接了jQuery，但每当我运行代码时，按下按钮时JavaScript不会执行

这是我在括号中的代码，它不起作用。我最近设置了括号，并将文件类型设置为HTML。我不确定是否有任何设置我应该设置，我错过了

括号：

<html>

<head>

    <script src="jquery-3.3.1.min.js"></script>
    <script>
        $('#showSelected').on('click', function() {

            var text = "";
            if (window.getSelection) {
                text = window.getSelection().toString();
            } else if (document.selection && document.selection.type != "Control") {
                text = document.selection.createRange().text;
            }

            alert(text);
        });

    </script>

</head>


<div>
    <p>The quick brown fox jumps over the lazy dog</p>
</div>
<br />

<input id="showSelected" type="button" value="showSelected" />

</html>


$（'#showSelected'）。在（'单击'，函数（）上）{
var text=“”；
if（window.getSelection）{
text=window.getSelection（）.toString（）；
}else if（document.selection&&document.selection.type！=“控制”）{
text=document.selection.createRange（）.text；
}
警报（文本）；
});
敏捷的棕色狐狸跳过了懒狗

谢谢

在呈现

之前，将执行带有代码的

为了在整个文档准备就绪后执行代码，请将其包装为

$（document）.ready（function（）{//stuff}）


$（文档）.ready（函数（）{
$（'#showSelected'）。在（'单击'，函数（）上）{
var text=“”；
if（window.getSelection）{
text=window.getSelection（）.toString（）；
}else if（document.selection&&document.selection.type！=“控制”）{
text=document.selection.createRange（）.text；
}
警报（文本）；
});
});
敏捷的棕色狐狸跳过了懒狗


我相信您对HTML和Js是新手。从您的问题来看，除了您可能没有加载jQuery库之外，其他一切似乎都是正确的。（jquery-3.3.1.min.js）
加载库，一切都应该正常运行
您必须在库中添加Javascript代码
$(document).ready(function() { /*javascript code here */ }

您是否检查了控制台是否有任何错误？jquery文件真的与HTML在同一个文件夹中吗？在文档就绪处理程序中添加代码，即$（function（）{//Add your code}）
或在关闭正文标记之前将脚本移到页面底部。我想您错过了
部分：），不，一切都不正确。脚本在加载HTML之前执行，因此无法工作。2个被否决的理由，很抱歉我看到了这一部分。我的意思是没有加载jQuery文件（没有加载）。我知道你把它放在HTML中了。我承认我错过了文件。准备好的零件。是的，它已加载。脚本是同步加载的，除非它们具有async
属性（），并且它不是我的脚本，我不是OPNo，在他的案例中它没有加载，因为他没有将文件“jquery-3.3.1.min.js”与html文件放在同一目录中。但没关系，我只是想说明一点。我是新来的：）我会投赞成票，但这是一个懒惰的回答。“只是加上这个”有点轻，如果你能解释一下原因，这是什么，OP的错误是什么，那就更好了。见@Protozoid的答案
$(document).ready(function() { /*javascript code here */ }