Javascript - 显示：“无”不起作用（js无反应）

25-04-26 1

此处将为大家介绍关于Javascript-显示：“无”不起作用的详细内容，并且为您解答有关js无反应的相关问题，此外，我们还将为您介绍关于Django子HTML模板中的Javascript不起作用、H

此处将为大家介绍关于Javascript - 显示：“无”不起作用的详细内容，并且为您解答有关js无反应的相关问题，此外，我们还将为您介绍关于Django 子 HTML 模板中的 Javascript 不起作用、HTML/JavaScript - 用 JavaScript 替换 onClick()在 HTML 中addEventListener 不起作用、hypeledger 结构 JavaScript 应用程序节点 app.js 不起作用、javascript - scrollToView(false) 不起作用的有用信息。

本文目录一览：

Javascript - 显示：“无”不起作用（js无反应）
Django 子 HTML 模板中的 Javascript 不起作用
HTML/JavaScript - 用 JavaScript 替换 onClick()在 HTML 中addEventListener 不起作用
hypeledger 结构 JavaScript 应用程序节点 app.js 不起作用
javascript - scrollToView(false) 不起作用

Javascript - 显示：“无”不起作用（js无反应）

如何解决Javascript - 显示：“无”不起作用

我正在尝试编写自己的电子商店（当然是非商业性的），但我在使用 JavaScript 和 display:"none" 时遇到了问题。当我点击登录 <h4>Log in</h4> acc_drop 将显示更改为阻止，但如果我点击 <span>x</span> 关闭，则没有任何反应。控制台显示 acc_drop display = "none"。不知道哪里出错了。

谢谢大家的回复。

window.onload = function () {
    let acc = document.querySelector(".acc");
    let accdrop = document.querySelector(".acc_drop");
    let closebtn = document.querySelector(".close");
    
    acc.onclick = function () {
        if (accdrop.style.display = "none") {
            accdrop.style.display = "block";
        }
    }
    closebtn.onclick = function() {
            accdrop.style.display = "none";
            console.log(accdrop.style.display);
    }
}

.acc{
    padding: 10px;
}
.acc .prihlaseni{
    color: #6B6B6B;
    cursor: pointer;
}
.acc .prihlaseni:hover{
    text-decoration: underline;
}
.acc .acc_drop{
    display: none;
    position: absolute;
    z-index: 80000;
    top: 80%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #F5F5F5;
    Box-shadow: 0 0 5px 0 ;
    width: 260px;
    height: 300px;
    border-radius: 5px;
    text-align: center;
}
.acc .acc_drop .close{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 11px;
    color: #F5F5F5;
    background-color: #9e1b1b;
    border-radius: 0 5px 0 5px;
    padding: 5px;
    cursor: pointer;
}
.acc .acc_drop .close:active{
    background-color: #5f0606;
}
.acc .acc_drop .login-title{
    margin-top: 10px;
    font-size: 8px;
}
.acc .acc_drop form{
    display: flex;
    flex-direction: column;
    padding: 10px;
    text-align: left;
    margin: 0;
}
.acc label{
    text-align: left;
    font-size: 9px;
    font-weight: 400;
}
.acc .acc_drop input{
    width: 100%;
    height: 20px;
    margin-top: 8px;
    outline: none;
    border: 1px solid #6B6B6B;
    border-radius: 3px;
    Box-shadow: 0 0 2px #00FFDD inset;
}
.acc .acc_drop .loginform{
    margin-top: 5px;
}
   
.acc .acc_drop input:focus,textarea:focus {
    Box-shadow: 0 0 7px #00FFDD;
    border: 1px solid #6B6B6B;
}
.acc .acc_drop .reg{
    padding: 10px;
}
.acc .acc_drop .accbtn{
    height: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
    border: none;
    background-color: #6B6B6B;
    border-radius:  5px ;
    color: #00FFDD;
    font-size: 9px;
    font-weight: 600;
    cursor: pointer;
    outline: none;
}
.acc .acc_drop a{
    color: #6B6B6B;
    text-decoration: underline;
    float: right;
    font-size: 9px;
}
.acc .acc_drop a:hover{
    text-decoration: none;
}
.acc .acc_drop .reg::before{
    content: "";
    display: block;
    border-bottom: 1px solid #6b6b6b86;
    width: 100%;
}
.acc .acc_drop .registr p{
    margin-top: 10px;
    font-size: 10px;
}
.acc .acc_drop .registr button{
    height: 20px;
    width: 100%;
    margin-top: 5px;
    border: none;
    background-color: #9e1b1b;
    border-radius: 5px ;
    color: #ffffff;
    font-size: 9px;
    font-weight: 600;
    cursor: pointer;
    outline: none;
}
.acc .acc_drop .accbtn:hover{
    background-color: #868686;
    transition: 1s;
}
.acc .acc_drop .registr button:hover{
    background-color: #e41919;
    transition: 1s;
}
.acc .acc_drop .accbtn:active{
    background-color: #474747;
    transition: none;
}
.acc .acc_drop .registr button:active{
    background-color: #5a0b0b;
    transition: none;
}

<div class="acc"> <h4 class="prihlaseni">Přihlásit se</h4>
                
                <div class="acc_drop">
                    <span class="close">x</span>
                    
                    <form action="">
                <div class="login-title"><h1>Přihlášení</h1></div>
                <div class="loginform mail">
                    <label>E-mail *</label>
                    <input class="e-mail" type="text" required>
                    </div>
                <div class="loginform heslo">
                    <label>Heslo *</label><a href="">Zapomněl(a) jsem heslo</a>
                    <input class="heslo" type="password"  required>
                    </div>
                <button class="accbtn" type="submit">Přihlásit se</button>
                    </form>
                <div class="reg">
                    <div class="registr">
                    <p>Ještě nemáte účet?</p>
                    <button>Zaregistrovat se</button>
                    </div>
                </div>
                </div>
                </div>

解决方法

问题在于 if 中的 acc.onclick 条件：

acc.onclick = function () {
    if (accdrop.style.display = "none") {
        accdrop.style.display = "block";
    }
}

不是比较，而是分配值：

if (accdrop.style.display = "none")

应该改为：

if (accdrop.style.display === "none")

serverless deploy --stage prod 在 closebtn 内。当您单击 close 时，事件会冒泡回来，同时击中两个事件处理程序。您可以通过调用 acc:

来避免这种情况

event.stopPropagation()

此外，您应该以不同的方式检查 closebtn.onclick = function() { accdrop.style.display = "none"; console.log(accdrop.style.display); event.stopPropagation(); } 中的显示属性值。当您通过 accdrop 验证时，它不会按预期工作，因为您的带有 accdrop.style.display 的 css 类不会触发。它将仅验证 display: none 属性，而不是其计算值：

style

也可以尝试仅在 h1

上注册活动

window.onload = function () {
    let prihlaseni = document.querySelector(".prihlaseni");
    let accdrop = document.querySelector(".acc_drop");
    let closebtn = document.querySelector(".close");
prihlaseni.onclick = function () {
    if (accdrop.style.display === "none") {
        accdrop.style.display = "block";
    }
}

试试这个：

.acc {
  padding: 10px;
}
.acc .prihlaseni {
  color: #6B6B6B;
  cursor: pointer;
}
.acc .prihlaseni:hover {
  text-decoration: underline;
}
.acc .acc_drop {
  display: none;
  position: absolute;
  z-index: 80000;
  top: 80%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #F5F5F5;
  box-shadow: 0 0 5px 0;
  width: 260px;
  height: 300px;
  border-radius: 5px;
  text-align: center;
}
.acc .acc_drop .close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 11px;
  color: #F5F5F5;
  background-color: #9e1b1b;
  border-radius: 0 5px 0 5px;
  padding: 5px;
  cursor: pointer;
}
.acc .acc_drop .close:active {
  background-color: #5f0606;
}
.acc .acc_drop .login-title {
  margin-top: 10px;
  font-size: 8px;
}
.acc .acc_drop form {
  display: flex;
  flex-direction: column;
  padding: 10px;
  text-align: left;
  margin: 0;
}
.acc label {
  text-align: left;
  font-size: 9px;
  font-weight: 400;
}
.acc .acc_drop input {
  width: 100%;
  height: 20px;
  margin-top: 8px;
  outline: none;
  border: 1px solid #6B6B6B;
  border-radius: 3px;
  box-shadow: 0 0 2px #00FFDD inset;
}
.acc .acc_drop .loginform {
  margin-top: 5px;
}
.acc .acc_drop input:focus,textarea:focus {
  box-shadow: 0 0 7px #00FFDD;
  border: 1px solid #6B6B6B;
}
.acc .acc_drop .reg {
  padding: 10px;
}
.acc .acc_drop .accbtn {
  height: 20px;
  margin-top: 10px;
  margin-bottom: 5px;
  border: none;
  background-color: #6B6B6B;
  border-radius: 5px;
  color: #00FFDD;
  font-size: 9px;
  font-weight: 600;
  cursor: pointer;
  outline: none;
}
.acc .acc_drop a {
  color: #6B6B6B;
  text-decoration: underline;
  float: right;
  font-size: 9px;
}
.acc .acc_drop a:hover {
  text-decoration: none;
}
.acc .acc_drop .reg::before {
  content: "";
  display: block;
  border-bottom: 1px solid #6b6b6b86;
  width: 100%;
}
.acc .acc_drop .registr p {
  margin-top: 10px;
  font-size: 10px;
}
.acc .acc_drop .registr button {
  height: 20px;
  width: 100%;
  margin-top: 5px;
  border: none;
  background-color: #9e1b1b;
  border-radius: 5px;
  color: #ffffff;
  font-size: 9px;
  font-weight: 600;
  cursor: pointer;
  outline: none;
}
.acc .acc_drop .accbtn:hover {
  background-color: #868686;
  transition: 1s;
}
.acc .acc_drop .registr button:hover {
  background-color: #e41919;
  transition: 1s;
}
.acc .acc_drop .accbtn:active {
  background-color: #474747;
  transition: none;
}
.acc .acc_drop .registr button:active {
  background-color: #5a0b0b;
  transition: none;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="acc">
  <h4 class="prihlaseni" onclick=''document.querySelector(".acc_drop").style.display = "block";''>Přihlásit se</h4>
  <div class="acc_drop">
    <span class="close" onclick=''document.querySelector(".acc_drop").style.display = "none";''>x</span>
    <form action="">
      <div class="login-title">
        <h1>Přihlášení</h1>
      </div>
      <div class="loginform mail">
        <label>E-mail *</label>
        <input class="e-mail" type="text" required>
      </div>
      <div class="loginform heslo">
        <label>Heslo *</label><a href="">Zapomněl(a) jsem heslo</a>
        <input class="heslo" type="password" required>
      </div>
      <button class="accbtn" type="submit">Přihlásit se</button>
    </form>
    <div class="reg">
      <div class="registr">
        <p>Ještě nemáte účet?</p>
        <button>Zaregistrovat se</button>
      </div>
    </div>
  </div>
</div>

我刚刚将 JavaScript 更改为 inline JavaScript，这解决了问题并为您节省了一些空间：

onclick=''document.querySelector(".acc_drop").style.display = "block";''

和

onclick=''document.querySelector(".acc_drop").style.display = "none";''

Django 子 HTML 模板中的 Javascript 不起作用

如何解决Django 子 HTML 模板中的 Javascript 不起作用

我尝试合并 this onload Javascript effect 但它不起作用。

这是我的example.html：

{% extends ''base.html'' %}

{% block content %}

<div>
  <div>

    <div>
      <div>

          <div id="div1">Waka Waka</div>

          {% block extra_js %}
          <script>
            $(document).ready(function() {
            $("#div1").effect("highlight",{},3000); //this will highlight on load
            $("#div1").click(function () {
            $(this).effect("highlight",3000);
              });
            });
         </script>
          {% endblock extra_js %}
      </div>
    </div>
    {% block sidebar %} {% include ''sidebar.html'' %} {% endblock sidebar %}
  </div>
</div>

{% endblock content %}

这是我的base.html：

{% load static %}

<!DOCTYPE html>
<html>
  <head>
    <title>{% block title %} {% endblock %}</title>

    <link
      href="https://fonts.googleapis.com/css?family=Roboto:400,700"
      rel="stylesheet">
    <Meta name="google" content="notranslate" />
    <Meta name="viewport" content="width=device-width,initial-scale=1" />
    <link
      rel="stylesheet"
      href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
      integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
      crossorigin="anonymous"
    />
    <!-- For accordions -->
    <script src=
      "https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">
    </script>

        <script src=
      "https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js">
    </script>

    <link rel="stylesheet"
      href="{% static ''css/highlight.min.css'' %}">
    <link ref="stylesheet" href="{% static ''ajax-live-search/css/ajaxlivesearch.min.css'' %}">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.0.3/highlight.min.js"></script>
    <script>hljs.initHighlightingOnLoad();</script>

    <script src="{% static ''ajax-live-search/js/ajaxlivesearch.js''%}"></script>
    <script src="{% static ''js/main.js''%}"></script>
  </head>

  <body>
    <style>
      body {
        font-family: "Roboto",sans-serif;
        font-size: 17px;
        background-color: #fdfdfd;
      }

    .shadow{
           Box-shadow: 0 4px 2px -2px rgba(0,0.1);
       }
      .btn-danger {
        color: #fff;
        background-color: #f00000;
        border-color: #dc281e;
      }

     .masthead {
              background:#3398E1;
              height: auto;
              padding-bottom: 3px;
              Box-shadow: 0 16px 48px #E3E7EB;
              padding-top: 3px;
    }
     .ls_container{
       width:100%;
     }
     #search-container.results{
       background-color:#fff;
     }
     #search-results{
       display:none;
       opacity:0;
       top:50px;
       z-index:10;
     }
     #search-results.active{
       transition: all;
       display: block;
       opacity:1;
     }
    </style>



            {% block content %}
          <!-- Content Goes here -->
            {% endblock content %}


  </body>
</html>

“Waka Waka”div 是我想在页面加载时突出显示的元素。我也尝试将 javascript 和 css 代码放在静态文件夹中的单独文件中，但无济于事。

enter image description here

HTML/JavaScript - 用 JavaScript 替换 onClick()在 HTML 中addEventListener 不起作用

如何解决HTML/JavaScript - 用 JavaScript 替换 onClick()在 HTML 中addEventListener 不起作用

我已经在这里尝试了一些解决方案，但我似乎无法让它们发挥作用。

我有一个 Flask 应用，它结合使用 HTML 和 JavaScript 来显示一些网页。

现在，我还有一些内联代码（这也会阻止我设置正确的 CSP-Header），即 <... onclick="function()">。

现在我的 HTML 如下所示：

<html>
    <head>
        <...other stuff...>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.21.1/axios.min.js"></script>
        <script type="text/javascript" src="{{ url_for(''static'',filename = ''admin.js'') }}"></script>
    </head>
    <body>
        <div class="topnav">
            <a href="#" id="logout"> <b>logout</b></a>
            <a href="#" id="adminView"> AdminView</a>
            <a href="#" id="tanView">Show TAN</a>
        </div>
        <...other stuff...>
    </body>
</html>

JavaScript 像这样：

bunchOfFunctions
function logout() {
    window.location.replace(URL_SLO)
}
function adminView() {
    window.location.replace(URL_ADMIN_BASE)
}
function tanView() {
    window.location.replace(URL_TAN)
}

我尝试在 HTML 文件底部导入脚本，然后像这样添加事件监听器：

document.getElementById("logout").addEventListener("click",logout)

但是当我再次点击按钮时，它什么都不做，甚至没有错误。

在相关说明中，如果我可以下载 Axios 脚本并在本地使用它会很酷，因为您知道安全性。但是当我只是复制链接的内容并尝试以这种方式集成时，导入不起作用。

编辑：复制代码段的工作版本，而不是损坏的版本。

它现在只适用于一种脚本，而另一种则不起作用。

tan.html：

<html lang="en">
<head>
        <... other stuff ...>
</head>
<body>
    <div class="topnav">
        <a href="#" id="logoutButtonTAN"> <b>logout</b></a>
        {% if isAdmin %}
        <a href="#" id="adminViewButtonTAN"> <b>AdminView</b></a>
        {% endif %}
    </div>
    <... other stuff ...>
<script type="text/javascript" src="{{ url_for(''static'',filename = ''tan.js'') }}"></script>
</html>

以及对应的JS文件：

 function logout() {
  window.location.replace(URL_SLO)
}
function adminView() {
  const URL_ADMIN_BASE = URL_BASE + "api/adminsans/";
  window.location.replace(URL_ADMIN_BASE)
}
function mount() {
  ...other stuff
  
  document.getElementById(''logoutButtonTAN'').addEventListener(''click'',logout);
  document.getElementById(''adminViewButtonTAN'').addEventListener(''click'',adminView);
}
window.onload = mount
other stuff...

解决方法

onclick onclick 属性在鼠标点击元素时触发。

getElementById 获取指定ID的元素

您必须使用 ID

document.getElementById(''logout'').addEventListener(''click'',function(e) {
    e.preventDefault();
    alert(''logout'');
});

 <div class="topnav">
  <a href="#" id="logout"> <b>Logout</b></a>
  <a href="#" id="adminView"> AdminView</a>
  <a href="#" id="tanView">Show TAN</a>
</div>

hypeledger 结构 JavaScript 应用程序节点 app.js 不起作用

如何解决hypeledger 结构 JavaScript 应用程序节点 app.js 不起作用

我是区块链领域的新手，我尝试按照 this 文档从 Hyperledger 网络运行示例网络。我开始下载先决条件并做好一切。

网络正在工作并在所有通道和部署之后使用 JavaScript 部署它我 cd 进入 JavaScript 应用程序以运行 app.js，如文档所述，但我收到此错误

node app
node:internal/modules/cjs/loader:944
  throw err;
  ^
Error: Cannot find module ''pkcs11js''
Require stack:
- D:\\fifthLevel\\blockchain\\hyperledger\\try-fabric-network\\go\\src\\github.com\\FatimaAlmashhor\\fabric-samples\\asset-transfer-basic\\application-javascript\\node_modules\\fabric-common\\lib\\impl\\bccsp_pkcs11.js
- D:\\fifthLevel\\blockchain\\hyperledger\\try-fabric-network\\go\\src\\github.com\\FatimaAlmashhor\\fabric-samples\\asset-transfer-basic\\application-javascript\\node_modules\\fabric-common\\lib\\User.js
- D:\\fifthLevel\\blockchain\\hyperledger\\try-fabric-network\\go\\src\\github.com\\FatimaAlmashhor\\fabric-samples\\asset-transfer-basic\\application-javascript\\node_modules\\fabric-common\\index.js
- D:\\fifthLevel\\blockchain\\hyperledger\\try-fabric-network\\go\\src\\github.com\\FatimaAlmashhor\\fabric-samples\\asset-transfer-basic\\application-javascript\\node_modules\\fabric-network\\lib\\logger.js
- D:\\fifthLevel\\blockchain\\hyperledger\\try-fabric-network\\go\\src\\github.com\\FatimaAlmashhor\\fabric-samples\\asset-transfer-basic\\application-javascript\\node_modules\\fabric-network\\lib\\impl\\query\\query.js
- D:\\fifthLevel\\blockchain\\hyperledger\\try-fabric-network\\go\\src\\github.com\\FatimaAlmashhor\\fabric-samples\\asset-transfer-basic\\application-javascript\\node_modules\\fabric-network\\lib\\transaction.js
- D:\\fifthLevel\\blockchain\\hyperledger\\try-fabric-network\\go\\src\\github.com\\FatimaAlmashhor\\fabric-samples\\asset-transfer-basic\\application-javascript\\node_modules\\fabric-network\\lib\\contract.js
- D:\\fifthLevel\\blockchain\\hyperledger\\try-fabric-network\\go\\src\\github.com\\FatimaAlmashhor\\fabric-samples\\asset-transfer-basic\\application-javascript\\node_modules\\fabric-network\\lib\\network.js
- D:\\fifthLevel\\blockchain\\hyperledger\\try-fabric-network\\go\\src\\github.com\\FatimaAlmashhor\\fabric-samples\\asset-transfer-basic\\application-javascript\\node_modules\\fabric-network\\lib\\gateway.js
- D:\\fifthLevel\\blockchain\\hyperledger\\try-fabric-network\\go\\src\\github.com\\FatimaAlmashhor\\fabric-samples\\asset-transfer-basic\\application-javascript\\node_modules\\fabric-network\\index.js
- D:\\fifthLevel\\blockchain\\hyperledger\\try-fabric-network\\go\\src\\github.com\\FatimaAlmashhor\\fabric-samples\\asset-transfer-basic\\application-javascript\\app.js
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:941:15)
    at Function.Module._load (node:internal/modules/cjs/loader:774:27)   
    at Module.require (node:internal/modules/cjs/loader:1013:19)
    at require (node:internal/modules/cjs/helpers:93:18)
    at Object.<anonymous> (D:\\fifthLevel\\blockchain\\hyperledger\\try-fabric-network\\go\\src\\github.com\\FatimaAlmashhor\\fabric-samples\\asset-transfer-basic\\application-javascript\\node_modules\\fabric-common\\lib\\impl\\bccsp_pkcs11.js:27:18)
    at Module._compile (node:internal/modules/cjs/loader:1109:14)        
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1138:10)
    at Module.load (node:internal/modules/cjs/loader:989:32)
    at Function.Module._load (node:internal/modules/cjs/loader:829:14)   
    at Module.require (node:internal/modules/cjs/loader:1013:19) {       
  code: ''MODULE_NOT_FOUND'',requireStack: [
    ''D:\\\\fifthLevel\\\\blockchain\\\\hyperledger\\\\try-fabric-network\\\\go\\\\src\\\\github.com\\\\FatimaAlmashhor\\\\fabric-samples\\\\asset-transfer-basic\\\\application-javascript\\\\node_modules\\\\fabric-common\\\\lib\\\\impl\\\\bccsp_pkcs11.js'',''D:\\\\fifthLevel\\\\blockchain\\\\hyperledger\\\\try-fabric-network\\\\go\\\\src\\\\github.com\\\\FatimaAlmashhor\\\\fabric-samples\\\\asset-transfer-basic\\\\application-javascript\\\\node_modules\\\\fabric-common\\\\lib\\\\User.js'',''D:\\\\fifthLevel\\\\blockchain\\\\hyperledger\\\\try-fabric-network\\\\go\\\\src\\\\github.com\\\\FatimaAlmashhor\\\\fabric-samples\\\\asset-transfer-basic\\\\application-javascript\\\\node_modules\\\\fabric-common\\\\index.js'',''D:\\\\fifthLevel\\\\blockchain\\\\hyperledger\\\\try-fabric-network\\\\go\\\\src\\\\github.com\\\\FatimaAlmashhor\\\\fabric-samples\\\\asset-transfer-basic\\\\application-javascript\\\\node_modules\\\\fabric-network\\\\lib\\\\logger.js'',''D:\\\\fifthLevel\\\\blockchain\\\\hyperledger\\\\try-fabric-network\\\\go\\\\src\\\\github.com\\\\FatimaAlmashhor\\\\fabric-samples\\\\asset-transfer-basic\\\\application-javascript\\\\node_modules\\\\fabric-network\\\\lib\\\\impl\\\\query\\\\query.js'',''D:\\\\fifthLevel\\\\blockchain\\\\hyperledger\\\\try-fabric-network\\\\go\\\\src\\\\github.com\\\\FatimaAlmashhor\\\\fabric-samples\\\\asset-transfer-basic\\\\application-javascript\\\\node_modules\\\\fabric-network\\\\lib\\\\transaction.js'',''D:\\\\fifthLevel\\\\blockchain\\\\hyperledger\\\\try-fabric-network\\\\go\\\\src\\\\github.com\\\\FatimaAlmashhor\\\\fabric-samples\\\\asset-transfer-basic\\\\application-javascript\\\\node_modules\\\\fabric-network\\\\lib\\\\contract.js'',''D:\\\\fifthLevel\\\\blockchain\\\\hyperledger\\\\try-fabric-network\\\\go\\\\src\\\\github.com\\\\FatimaAlmashhor\\\\fabric-samples\\\\asset-transfer-basic\\\\application-javascript\\\\node_modules\\\\fabric-network\\\\lib\\\\network.js'',''D:\\\\fifthLevel\\\\blockchain\\\\hyperledger\\\\try-fabric-network\\\\go\\\\src\\\\github.com\\\\FatimaAlmashhor\\\\fabric-samples\\\\asset-transfer-basic\\\\application-javascript\\\\node_modules\\\\fabric-network\\\\lib\\\\gateway.js'',''D:\\\\fifthLevel\\\\blockchain\\\\hyperledger\\\\try-fabric-network\\\\go\\\\src\\\\github.com\\\\FatimaAlmashhor\\\\fabric-samples\\\\asset-transfer-basic\\\\application-javascript\\\\node_modules\\\\fabric-network\\\\index.js'',''D:\\\\fifthLevel\\\\blockchain\\\\hyperledger\\\\try-fabric-network\\\\go\\\\src\\\\github.com\\\\FatimaAlmashhor\\\\fabric-samples\\\\asset-transfer-basic\\\\application-javascript\\\\app.js''
  ]
}

我不知道错误究竟来自哪里，节点看起来很好，我可以在 node_modules 和 package-lock.json 中看到所有包

node -v
v16.3.0
npm -v
7.17.0

解决方法

看起来fabric node-sdk 已经打破了C 编译器是可选的特性，现在它是强制性的，但是因为pkcs11 仍然被声明为可选的node-sdk 不会安装失败，但将无法像你一样运行看到了。你要么必须

安装 microsoft C 编译器 + python v3 并重新安装（或重建）fabric node-sdk 节点模块，然后该模块将能够构建 pkcs11 本机库（有关如何安装编译器，请参阅 https://www.npmjs.com/package/windows-build-tools和蟒蛇）
指定结构节点 sdk 的特定版本（看起来它在 2.2.4 中已损坏，因此 2.2.3 应该可以工作）因此擦除 node_modules 目录并更新 package.json 以准确指定结构网络的版本（即输入 2.2.3 前不带 ^ 或 ~) 等字符，然后再次运行 npm install
使用 Linux 桌面发行版而不是 Windows，因为它们往往包含构建本机节点库所需的先决条件

最后要注意的是，您使用的 node 和 npm 版本不受支持。您应该使用节点 12 或节点 14，因为这些是支持的 lts 版本

javascript - scrollToView(false) 不起作用

如何解决javascript - scrollToView(false) 不起作用

我尝试让 div 在点击时滚动到底部：

export default function App() {
  const onClick = () => {
    console.log(''onClick'');
    const objdiv = document.getElementById(''container'');
    console.log(''objdiv'',objdiv);
    objdiv.scrollIntoView(false);
  };

  return (
    <div onClick={onClick} id="container">
      <h1>Hello World</h1>
      <h1>Hello World</h1>
      <h1>Hello World</h1>
    </div>
  );
}

enter image description here

我在互联网上搜索过，他们说最现代的方法是使用 scrollIntoView()。但它只是行不通。我不想使用 jquery 或任何其他第三方库。只想要原生 javascript 的方式来做到这一点。有人可以帮忙吗？

解决方法

你想做什么？此方法允许滚动和突出显示列表的元素。在您的情况下，您想突出显示 div，这不是此方法的用例。阅读这篇文章，该文章通过演示解释了此方法：https://www.javascripttutorial.net/javascript-dom/javascript-scrollintoview/

如果你想滚动到元素的底部，你可以使用 JavaScript 这样做：

objDiv.scrollTo(0,objDiv.scrollHeight);

或

objDiv.scrollTop = objDiv.scrollHeight;

您的 #container 已经在视野中，尝试在视图中创建您想要的元素

const objDiv = document.querySelector(''div h1:last-child'');

它将滚动到需要的特定元素，而不是容器。

还要确保您的容器具有 ''overflow-y'' : 设置为 scroll 或 auto，同时修复 height。

关于Javascript - 显示：“无”不起作用和js无反应的介绍已经告一段落，感谢您的耐心阅读，如果想了解更多关于Django 子 HTML 模板中的 Javascript 不起作用、HTML/JavaScript - 用 JavaScript 替换 onClick()在 HTML 中addEventListener 不起作用、hypeledger 结构 JavaScript 应用程序节点 app.js 不起作用、javascript - scrollToView(false) 不起作用的相关信息，请在本站寻找。

本文标签：