javascript 相关问题

将枚举转换为值数组（将所有 JSON 值放入数组中）

我在JavaScript中使用这个方法Enums？在我们的代码中创建枚举.. 所以 var 类型 = { “白色”：0， “黑色”：1 } 现在的问题是，当我想在任何地方创建验证时，我必须这样做；

如何使用App Script批量将URL转换为标题？

我需要导出房地产的批量数据。有一个选项可以用标题替换网址，但你必须在谷歌表格中一一进行。我希望看看是否有一种方法可以更快地完成

NextJS API 路由无法访问搜索参数

我有一个简单的 NextJS 应用程序，其中有一个调用 API 路由的客户端组件。 我正在尝试访问我创建的路线中的一些搜索参数，但它始终返回 null。 我的客户com...

ExpressJs 中的未定义值获取（显示[对象]）

我学的是expressjs，在其中传递值，但不进入输出。我创建了一个新的Routes文件，并希望成为一个带有Route方法的函数，所以这就完成了。但如果我设置了路线...

如何在点击方法中传递 alt 属性

我有以下标记和代码： 我有以下标记和代码： <img alt="image321" onclick="image(//here i want to pass the alt attribute to my function Bild()//);" src="http://i3.ytimg.com/vi/${videoId}/hqdefault.jpg" /> <script> function image(alt) { alert(alt.src); } </script> 我有我的图像，并为其赋予了一个值为 image321 的 alt 属性。现在我想将此值传递给我的函数image()，并在单击图像后立即输出带有警报的值。但输出总是“未定义”。 有人可以帮我解决这个问题吗？ 许多问候尼尔斯 首先要避免内联处理程序 - 它们有很多问题，现在太多了，不值得使用，例如疯狂的作用域链和引用转义问题。使用 Javascript 并使用 addEventListener 正确附加事件侦听器。 在侦听器内，引用 this 来获取单击的元素，并引用其 src 属性来获取其 src: document.querySelector('img').addEventListener('click', function() { console.log(this.src); console.log(this.alt); }); <img alt="image321" src="http://i3.ytimg.com/vi/${videoId}/hqdefault.jpg" /> function myfunc(img){ alert(img.alt); } <img alt="image321" onclick="myfunc(this);" src="http://i3.ytimg.com/vi/${videoId}/hqdefault.jpg" /> 您应该尝试使用 this，它会发送您运行该函数所用的元素。 这是一个例子： function image(alt) { alert(alt.src); } <img alt="image321" src="http://i3.ytimg.com/vi/${videoId}/hqdefault.jpg" onclick="image(this)"/>

具有动态参数的 Ag-grid 单元格编辑器：使用全局变量

我刚刚开始在我的一个项目中使用 ag-grid，并且我正在使用“agSelectCellEditor”单元格编辑器来编辑两列：“function”和“project_role”。选择选项...

leetcode 给我错误超过时间限制

问题 2070. 每次查询最美丽的物品 给定一个 2D 整数数组 items，其中 items[i] = [price i, beauty i] 分别表示商品的价格和美观。 你也是……

如何在react-native中传递state.params

我对反应原生有点陌生，我正在尝试使用反应原生地图做一些基本的应用程序。 我有一个登录屏幕，登录屏幕后我有一个用于不同条目的不同抽屉。在...

Javascript .eval() 返回未定义

这是我的代码： <% @unit.attempts.order("created_at DESC").each do |attempt| %> &... 这是我的代码： <div class="row"> <div class="col-md-4 black"> <% @unit.attempts.order("created_at DESC").each do |attempt| %> <p><%= attempt.body %></p> <% end %> </div> <div class="col-md-4 run"> <div class="view-lines"> <h2>app.js</h2> <%= form_for [@unit, @attempt] do |f| %> <%= f.text_area :body,class: "editor"%> <%= f.submit "Run"%> <% end %> <script> $(document).ready(function(){ var code = $(".editor")[0]; var editor = CodeMirror.fromTextArea(code,{ lineNumbers: true, styleActiveLine: true, mode: "javascript", matchBrackets: true }) $('.view-lines').each(function(index,item) { var v= $(item).find('.editor').val(); alert(eval(v)); }); }) </script> 例如，如果我想在文本区域内添加 var favoriteFood = 'pizza'; console.log(favoriteFood); 我在警报中得到的结果 var favoriteFood = 'pizza'; console.log(favoriteFood); 我想在警报中运行我的示例中的 javascript 代码，它应该是披萨 我不确定您要在这里完成什么，但为了解决您的问题，您可以首先评估这些命令，假设它们填充给定的变量名称，然后使用该变量名称而不是eval的结果。 所以在你的情况下，这样的事情可能会起作用： eval("var favoriteFood='pizza';"); alert(favoriteFood); // will alert with the message "pizza" 如果您期望用户在每一行上放置一个单独的命令，您可以循环遍历这些行并单独评估它们，如下所示： eval("var favoriteFood='pizza';"); eval("favoriteFood += ' slices';"); alert(favoriteFood); // will alert with the message "pizza slices" 总的来说，你不应该像这样盲目地执行用户输入的数据，从安全角度来看这是一个大问题。 但我希望这对你今天做的菜有帮助。 编辑：（回答评论问题） 在你的情况下，而不是这个： alert(eval(v)); 你可以这样做： eval(v); alert(favoriteFood); 再次假设您在文本区域中设置了一个名为 favoriteFood 的变量。 如果您想删除该资格，我认为您没有办法使用 eval 来做到这一点。 你不明白 eval() 的作用。 eval 将表达式作为输入并返回最后一个表达式的值： console.log(eval("2+2")) // -> 4 console.log(eval("Math.pow(2, 10)")) // -> 1024 console.log(eval("let x = 100; x - 1")) // -> 99 console.log() 在 eval() 内部没有改变。它的作用与正常代码相同。 好的，但是如果我想要console.log()怎么办？ 您可以重新定义console和console.log()： function executeCode(code) { let logs = []; // Logs array // Redefine console let console = { log(...args) { // We can pass as many args as we want logs.push(args); } } // Eval the code eval(code); // Return the logs return logs; } // Demos console.log(executeCode('console.log("Hello, world!")')) console.log(executeCode('let x = 5; console.log("X is", x)')) 注意什么eval是邪恶的 let password = "1234"; // An important variable let login = "vasya" // Another one // Execute code function executeCode(code) { let logs = []; // Logs array // Redefine console let console = { log(...args) { // We can pass as many args as we want logs.push(args); } } // Eval the code eval(code); // Return the logs return logs; } // Code may be not yours, as example shared to you console.log(executeCode('console.log("Got your password: ", password)')) // Code can access to almost anything console.log(executeCode('login = "abcdef"')) // And can modify everything console.log("INFO: Login is", login) // Or it can redirect you // console.log(executeCode('window.location.href = "example.com"')) 当然有一些方法可以确保这一点，如果你愿意的话 - 我可以添加它们

我想用js选择选项？

我想用js选择get选项，但我的代码返回“未定义”。 错误在哪里？ const aaa = document.querySelector("#test") const rng = aaa.addEventListener("更改",(e)=>...

如何将 React 应用程序部署到我的 WordPress 网站？

我是 React 新手，正在尝试将我的 React 站点添加到服务器，以便我可以测试 php 表单处理脚本。我已运行 npm run build 命令并将生成的“dist”文件夹上传到

Laggy/Glitchy CSS 动画仅适用于带有 Intersection Observer 的 Firefox

我正在利用 Intersection Observer API 在网站标题徽标未位于（或接近位于）背景图像上方时隐藏网站标题徽标。 在 Google Chrome、其他 chromium 浏览器和 Safa 上运行良好...

我正在为网站制作语言切换器，如何禁用它或更改其在移动设备上的位置？

我正在制作一个语言切换器，但我需要根据屏幕尺寸更改其位置，因为在移动设备上它会超出屏幕。我怎样才能做到这一点？ <p>我正在制作一个语言切换器，但我需要根据屏幕尺寸更改其位置，因为在移动设备上它会超出屏幕。我怎样才能做到这一点？</p> <pre><code>&lt;script src=&#34;https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js&#34;&gt;&lt;/script&gt; &lt;script&gt; $(function() { /* SETUP MULTI-LANGUAGE */ var defaultLanguage = &#39;en&#39;; var lang = location.pathname.split(&#34;/&#34;)[1]; var defaultClass = &#39;lang-&#39;+defaultLanguage+&#39;&#39;; var itemParent = &#34;nav [class*=&#39;collection&#39;],nav [class*=&#39;folder&#39;],nav [class*=&#39;index&#39;],nav [class*=&#39;group&#39;]&#34;; if (lang == &#34;&#34; || lang.length &gt; 2 ){ var lang = defaultLanguage; } /* ADD LANGUAGE CLASSES */ $(&#39;a[href=&#34;/&#34;]&#39;).addClass(&#39;lang-&#39;+defaultLanguage+&#39;&#39;).parents(itemParent).addClass(&#39;lang-&#39;+defaultLanguage+&#39;&#39;); $(&#39;nav a:link:not([href^=&#34;http://&#34;]):not([href^=&#34;https://&#34;])&#39;).each(function () { var langType = $(this).attr(&#39;href&#39;).split(&#34;/&#34;)[1]; var multiLanguageClass = &#39;multilanguage lang-&#39; + langType + &#39;&#39;; if (undefined !== langType &amp;&amp; langType.length &lt;= 2) $(this).addClass(multiLanguageClass).parents(itemParent).addClass(multiLanguageClass); }); $(&#39;nav button&#39;).each(function () { var langTypeFolder = $(this).attr(&#39;data-controller-folder-toggle&#39;).split(&#34;/&#34;)[0]; var multiLanguageClass = &#39;multilanguage lang-&#39; + langTypeFolder + &#39;&#39;; if (undefined !== langTypeFolder &amp;&amp; langTypeFolder.length &lt;= 2) $(this).addClass(multiLanguageClass); }); /* HOMEPAGE-LOGO LINKS TO PROPER LANGUAGE HOMEPAGE */ if (lang == &#34;pt&#34;) { $(&#39;a[href=&#34;/&#34;]&#39;).attr(&#34;href&#34;, &#34;/pt/inicio/&#34;); } /* ADD EXCLUSION NAV ITEMS */ $(&#39;.exclude-me,.exclude-me a&#39;).addClass(&#39;exclude&#39;); $(&#39;.sqs-svg-icon--list a,.SocialLinks-link,.header-menu-controls-control&#39;).addClass(&#39;exclude&#39;); /* REMOVE OTHER LANGUAGES AND KEEP EXCLUDED ITEMS */ $(&#39;.multilanguage:not(&#34;.lang-&#39;+lang+&#39;,.exclude&#34;)&#39;).remove(); }); &lt;/script&gt; &lt;script&gt; /*setup language switcher*/ $(&#39;body&#39;).prepend(&#39;&lt;div class=&#34;language&#34;&gt;&lt;a href=&#34;/en/home&#34; class=&#34;lang-en&#34;&gt;English&lt;/a&gt; | &lt;a href=&#34;/pt/inicio/&#34; class=&#34;lang-pt&#34;&gt;Português&lt;/a&gt;&lt;/div&gt;&#39;); &lt;/script&gt; </code></pre> <p>我是制作网站的新手，我不知道如何更改手机上语言切换器的位置，因为它超出了屏幕哦，如果有帮助的话，我正在使用 squarespace 来制作网站和所有内容代码被注入到页脚中。我已经尝试过这个解决方案，将所有代码放入 div 元素中。</p> <p>也许我的要求太多了，但任何人都可以帮我制作它，使其适应屏幕的尺寸吗？因为当屏幕较小时，它会凌驾于其他事物之上。</p> <pre><code>&lt;style&gt; /* Hide content on mobile */ @media only screen and (max-width: 768px) { .desktop-only { display: none; } } &lt;/style&gt; </code></pre> </question> <answer tick="false" vote="-1"> <p>由于您正在使用语言类，因此请在此应用 css。 如果您想仅使用 .desktop，请在 .language 类之后将其添加到您的 html 中。</p> <p></p><div data-babel-preset-ts="false" data-lang="js" data-hide="false" data-console="true" data-babel="false" data-babel-preset-react="false"> <div> <pre><code>$(&#39;body&#39;).prepend(&#39;&lt;div class=&#34;language desktop-only&#34;&gt;&lt;a href=&#34;/en/home&#34; class=&#34;lang-en&#34;&gt;English&lt;/a&gt; | &lt;a href=&#34;/pt/inicio/&#34; class=&#34;lang-pt&#34;&gt;Português&lt;/a&gt;&lt;/div&gt;&#39;);</code></pre> <pre><code>.language { display: block; } /* Hide language switcher on small screens (mobile or tablets) */ @media (max-width: 768px) { .language { display: none; } }</code></pre> <pre><code>&lt;script src=&#34;https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js&#34;&gt;&lt;/script&gt;</code></pre> </div> </div> <p></p> </answer> </body></html>

我总是在Javascript中看到这段奇怪的代码

我不是Javascript专家，但我所知道的旧Javascript只是一堆简单的函数和变量，如下所示： 函数 doSomething(){ var data =“测试”； 返回数据； } 但是

为什么`+！ {} [true]` 计算结果为 1？

在 JavaScript 中，以下代码行给出的答案为 1 + ! {} [真的] 我不明白怎么办？ 任何大师的解释都值得赞赏。

某个值在对象数组中重复多少次

嗨，我有这个对象数组： 常量员工 = [ {年龄：35，姓名：“David”职位：“前端”}， {年龄：24，姓名：“Patrick”职位：“后端”...

为什么在条件执行块内声明的函数在进入该块之前似乎已经存在？

我花了三天时间试图缩小一个问题，现在我发现它我无法理解。 我想检查一个函数是否存在，如果不存在则创建它。然而 JS 总是说函数 e...

为什么命名函数表达式不能使该名称在作用域内可访问，但仍然可以删除？

如果我将命名函数分配给变量，为什么我无法访问命名函数： var a = 函数 b() { console.log("你好世界"); } a() // 你好世界; b() // b 未定义 b // b 我...

如何在react js中通过props传递内联样式？

我想通过这样的道具传递内联样式： {价格} 从“反应”导入反应； 函数 P(props) { 返回 我想用这样的道具传递内联样式： <P style={{marginTop : '20px'}}>{price}</P> import React from 'react'; function P(props) { return <p style={{ width: '100%', textAlign: 'right', fontSize: '1.3em' ,{props.style} }}>{props.children}</p>; } export default P; 但是它在终端中抛出一个错误： Unexpected token, expected , (4:74) 2 | 3 | function P(props) { > 4 | return <p style={{ width: '100%', textAlign: 'right', fontSize: '1.3em' {props.style} }}>{props.children}</p>; | ^ 5 | } 6 | 7 | export default P; 如何将带有 props 的内联样式传递给 React js 中的另一个组件？ 你应该做的是，发送 margin-top 的确切值，而不是 css 代码，就像这样 <P marginT='20px'>{price}</P> 并像这样使用它： <p style={{ marginTop: this.props.marginT }}>{props.children}</p>; 你应该像这样传递样式道具： function P(props) { return <p style={{ width: '100%', textAlign: 'right', fontSize:'1.3em',...props.style }}> {props.children}</p>; } 你可以做这样的事情 <P style='{ "width": "100%", "textAlign": "right", "fontSize": "1.3em"}' price="10"></P> 并在函数中使用它，如下所示 function P(props: {style: any; price: string}) { return <p style={{...JSON.parse(props.style)}}>{Number(props.price)}</p>; } 注意style props 中的属性应该有“”，否则 JSON.parse() 函数将无法工作。

在uib-tab中添加带有active和ng-repeat的选项卡

所以我已经尝试解决这个问题有一段时间了，我看到了一篇与此类似的帖子，但没有得到答复，所以我会尝试发布此帖子，但用 plunkr 来作为示例。 所以问题是在加载时，我