Fatal编程技术网
  • javascript/
  • Javascript HTML onclick行为无法正常工作

Javascript HTML onclick行为无法正常工作

javascript html firefox-addon

Javascript HTML onclick行为无法正常工作,javascript,html,firefox-addon,Javascript,Html,Firefox Addon,我有以下HTML代码： <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>BibTeX Maker</title> <script src="sidebar.js"></sc

我有以下HTML代码：

<html lang="en-US">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>BibTeX Maker</title>
    <script src="sidebar.js"></script>
</head>

<body>
      <button onclick="getData()">Click me</button>
      <span id="myText"></span>
</body>
</html>
我正在将
response
的值传递给HTML id
“myText”
。 但是，它没有显示任何输出。为什么呢

编辑：我已经添加了完整的代码

在调用getinfo（）的HTML上单击我

而它应该是getData（）。因此，我认为正确的方法应该是单击我，这对您很有用。 var HttpClient=function（）{//Some code}； 这条线引起了问题

<html lang="en-US">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>BibTeX Maker</title>
    <script type="text/javascript">

        function getData(){
                if (window.location.href.indexOf("pdf") != -1) {
                    var url = window.location.href;
                    var client = new HttpClient();
                    var response = client.get('https://websiteName + url', function(response) {
                    document.getElementById("myText").innerHTML = response});
                } else {
                    alert("Error: Not a PDF File");
                }
            }
    </script>
</head>

<body>
      <button onclick="getData()">Click me</button>
      <span id="myText"></span>
</body>
</html>


BibTeX制造商
函数getData（）{
if（window.location.href.indexOf（“pdf”）！=-1）{
var url=window.location.href；
var client=新的HttpClient（）；
var response=client.get（'https://websiteName +url'函数（响应）{
document.getElementById（“myText”）.innerHTML=response}）；
}否则{
警报（“错误：不是PDF文件”）；
}
}
点击我
代码中有两个可能是混淆的响应。将一个响应重命名为其他名称。因为“函数（响应）”是从服务器返回的响应

或者直接这样打电话：

client.get('https://reference-extraction.herokuapp.com/api/references/download?url=' + url + '&document_type=full_paper&reference_style=ensemble&reference_format=bibtex&engine=v1', function(response) {
            document.getElementById("myText").innerHTML = response
        });
最后，服务器是否返回任何响应？

getData？获取信息？函数名放错了？对不起，问题中的所有内容都改为getData。仍然没有产出。这是firefox插件。请检查您正在调用的URL。client.get（'）URL很长，所以我刚才说了，但它是：var response=client.get（''+URL+'&document\u type=full\u paper&reference\u style=employee&reference\u format=bibtex&engine=v1'，函数（response）{要检查这一点，首先需要确保getDate（）函数已启动，然后您需要检查是否有响应，如在调试模式下检查网络控制台。抱歉，已将问题中的所有内容更改为getData。仍然没有输出。这是针对firefox插件的。TypeError:document。getElementById（…）是nullContent安全策略：页面的设置阻止了内联加载资源(“script src”）。内容安全策略（CSP）可防止XSS攻击。您可以在此处阅读更多内容，请稍候，我将粘贴上述问题中的完整代码，您可以看到。@SamanRay请将我回答的上述代码粘贴到新文件中并进行测试，它将起作用：）万岁…很高兴它做到了：） 
var response = client.get('https://reference-extraction.herokuapp.com/api/references/download?url=' + url + '&document_type=full_paper&reference_style=ensemble&reference_format=bibtex&engine=v1', function(response) {
        document.getElementById("myText").innerHTML = response
    });

client.get('https://reference-extraction.herokuapp.com/api/references/download?url=' + url + '&document_type=full_paper&reference_style=ensemble&reference_format=bibtex&engine=v1', function(response) {
            document.getElementById("myText").innerHTML = response
        });