javascript 相关问题

JavaScript（不要与Java混淆）是一种高级，动态，多范式，面向对象，基于原型的弱类型语言，用于客户端和服务器端脚本。它的主要用途是渲染和操作网页。使用此标记可以了解有关ECMAScript及其各种方言/实现的问题（不包括ActionScript和Google-Apps-Script）。

JavaScript 错误（未捕获的语法错误：意外的输入结束）

我有一些 JavaScript 代码可以在 FireFox 中运行，但不能在 Chrome 或 IE 中运行。在 Chrome JS 控制台中，我收到以下错误： “未捕获的语法错误：输入意外结束”。 JavaScript 协...

javascript jquery syntax syntax-error indentation

回答 12 投票 0

无法在 JavaScript 中使用 ConverseCommand 将图像发送到 Bedrock

我正在尝试使用 ConverseCommand 将图像上传到 AWS Bedrock 作为对话的一部分（在 @aws-sdk/client-bedrock-runtime v3.686 中）。根据文档，它需要字节a...

javascript amazon-bedrock claude

回答 1 投票 0

在基于视图时间线的动画滚动上应用滚动捕捉类型

TL;DR：在这个jsfiddle https://jsfiddle.net/kLp728xw/中，我不仅想在垂直滚动上应用scroll-snap，而且还想在数字1~5的水平滚动上应用scroll-snap显示。我...

javascript html css animation scroll-snap

回答 1 投票 0

jQuery $.get 更改 URL

我写 $.get("http://localhost/bookstore/public/actualizar_paginas/local/11/46", 函数(数据){}); 奇怪的是，当我调试时，我发现查询是对以下网址进行的： http://loc...

javascript jquery ajax

回答 1 投票 0

Next.js中设置basePath时如何不使用Link获取路径

next.js 文档中的基本路径写道：例如，当basePath设置为/docs时，使用/about将自动变为/docs/about。导出默认函数 HomePage() { 返回（ &...

javascript node.js reactjs next.js

回答 2 投票 0

在 jspdf 页面之外使用 htm2canvas 在 Angular 中导出 PDF 问题

员工 ID：... <div id="content" #content> <div class="skill-view-head"> <div> <label for="emp-id">Emp ID: </label> <span> {{employeeId}}</span> </div> <div> <label for="emp-name">Emp Name: </label> <span> {{empName}}</span> </div> <div> <label for="doj">DOJ: </label> <span> {{doj | date:'MM/dd/yyyy'}}</span> </div> </div> <table class="skill-view-table certificate-table"> <tr> <th>#</th> <th>Date</th> <th>Attributes</th> <th>Certificate Name</th> </tr> <tr *ngFor="let certificate of skillBonusdetails[0]?.getCertificatesTemp; let i = index"> <td>{{ i + 1 }}</td> <td>{{ certificate.date | date:'MM/dd/yyyy' }}</td> <td>{{ certificate.type }}</td> <td>{{ certificate.certificateName }}</td> </tr> <tr *ngIf="skillBonusdetails[0]?.getCertificatesTemp?.length > 0" style="background-color: #fff;"> <td colspan="3">Earned Points</td> <td>{{certificateEarnedPoints}}</td> </tr> <tr *ngIf="skillBonusdetails[0]?.getCertificatesTemp === null"> <td colspan="4" class="text-center">No records available</td> </tr> </table> <div> <button (click)="onExportPdf(this.empName)" class="border-0 green-btn hide-export-btn">Export To PDF</button> onExportPdf(EmpName) { this.loaderservice.display(true); const doc = new jsPDF('p', 'pt', 'A4'); const source = document.getElementById('content'); const button = document.querySelector('.hide-export-btn') as HTMLElement; const button2 = document.querySelector('.hide-export-btn2') as HTMLElement; const button3 = document.querySelector('.hide-export-btn3') as HTMLElement; source.style.width = '800px'; doc.setFontSize(8); doc.html(source, { callback: function (pdf) { //doc.output('dataurlnewwindow'); doc.save(EmpName + ' Points Details.pdf'); }, html2canvas: { scale: 0.7 } }); this.loaderservice.display(false); } 我有这段代码可以将表格内容导出为 pdf 格式，效果很好，但这只是一个问题，当我们导出 pdf 时，页脚中的某些内容会在第一页和最后一页之间中断。请参阅附图突出显示两个 pdf 页面之间的问题，您能否建议如何解决此问题。您可以使用包含信息的数组，而不是将 html 导出为 PDF。 import jsPDF from 'jspdf'; import autoTable from 'jspdf-autotable'; onExportPdf(EmpName: string) { const doc = new jsPDF('p', 'pt', 'A4'); // Add table autoTable(doc, { head: headers, body: this.skillBonusdetails[0]?.getCertificatesTemp, startY: 48, showHead: 'firstPage', theme: 'striped', didDrawPage: (data) => { // Add page number const pageCount = doc.getNumberOfPages(); const pageSize = doc.internal.pageSize; const pageHeight = pageSize.height ? pageSize.height : pageSize.getHeight(); doc.setFontSize(10); doc.text(`Page ${pageCount}`, data.settings.margin.left, pageHeight - 10); } }); // Save the PDF doc.save(EmpName + ' Points Details.pdf'); }

javascript angular pdf html2canvas

回答 1 投票 0

Highcharts Angular - 如何在工具提示中显示组大小

我目前正在使用 dataGrouping 将图表中的数据与 x 轴上的日期进行分组。我试图在工具提示中显示组大小，如本示例所示（打开一行，单击“显示更多信息”，op...

javascript angular typescript highcharts tooltip

回答 2 投票 0

如何让div全屏显示？

我正在使用 Flot 来绘制一些数据的图表，我想在单击按钮时使该图表全屏显示（占据显示器上的整个空间）会很棒。目前，我的 div 是...

javascript jquery html css flot

回答 11 投票 0

Await fetch 返回承诺，而不是数据

我正在从电子表格中获取和处理数据，如下所示： const getJsonSheet = async () => { const 响应 = 等待 fetch(''); 常量数据...

javascript promise async-await fetch

回答 3 投票 0

如何在运算过程中使 Rust 浮点精度与 JavaScript 精度相同？

我目前正在开发一个项目，将 js 代码移植到 Rust。在某些边缘情况下会反复出现问题，其中两个浮点数相加在一起并生成一个证书...

javascript rust floating-point precision

回答 1 投票 0

当我在 _Layout.cshtml 文件中与 JavaScript 一起使用 <script src="_framework/blazor.server.js"></script> 时，我遇到了问题

我在 .NET 8 中使用 Blazor Server 时遇到问题。当我尝试加载脚本时，我的 JavaScript 脚本停止正常工作 <p>我在使用 .NET 8 中的 <strong>Blazor Server 时遇到一个问题。当我尝试加载 _Layout.cshtml 文件中的脚本 </strong><code> <script src="_framework/blazor.server.js"></script></code><pre> 时，我的 JavaScript 脚本停止正常工作。当我包含此脚本时，我自己的 JavaScript 脚本停止工作（它们实际上工作了不到一秒钟，然后屏幕闪烁并且脚本停止工作）。但是，当我删除 _Layout.cshtml 中对 .js 文件的引用并将它们直接放置在 page1.razor 等文件中时，一切正常。</pre> </p>文件<p>_Layout.cshtml<strong>：</strong> </p><code><base href="~/" /> <component type="typeof(HeadOutlet)" render-mode="ServerPrerendered" /> </head> <body> @RenderBody() <script src="js/test/custom.js"></script> <script src="js/test/swiper.js"></script> <script src="js/test/gallery.js"></script> <script src="js/test/Pager.js"></script> <script src="js/test/picture.js"></script> <script src="js/main.js"></script> <script src="_framework/blazor.server.js"></script> </code><pre> </pre>我希望所有对 JavaScript 文件的引用都包含在 _Layout.cshtml 文件中，以便它们是全局的并且可以在整个页面上正常工作。我的 JavaScript 脚本旨在触发交互，例如 .<p> </p>我已经搜索过与类似问题相关的线程，包括 StackOverflow 上的一个：<p>Why can't I load any js after my blazor.server.js?<a href="https://stackoverflow.com/questions/62379202/why-cant-i-load-any-js-after-my-blazor-server-js">，但我找不到问题的解决方案。</a> </p>有人遇到过类似的问题可以帮助我吗？也许有人知道在 _Layout.cshtml 中正确加载 blazor.server.js 的解决方案，以便我的 JavaScript 脚本在整个页面上正常工作？”<p> </p> </question> <answer tick="false" vote="0">问题是因为 Blazor Server 在初始化时替换了 DOM 内容。因此，要修复它，您需要：<p> </p> <ol>首先加载 blazor.server.js <li> </li>等待“blazor:start”事件<li> </li>加载 Blazor 后以编程方式加载脚本<li> </li> </ol>像这样：<p> </p><code> <!DOCTYPE html> <html> <head> <base href="~/" /> <component type="typeof(HeadOutlet)" render-mode="ServerPrerendered" /> </head> <body> @RenderBody()  <script src="_framework/blazor.server.js"></script>  <script> window.addEventListener('blazor:start', function() { loadScripts([ 'js/test/custom.js', 'js/test/swiper.js', 'js/test/gallery.js', 'js/test/Pager.js', 'js/test/picture.js', 'js/main.js' ]); }); function loadScripts(srcs) { srcs.forEach(src => { const script = document.createElement('script'); script.src = src; document.body.appendChild(script); }); } </script> </body> </html> </code><pre> </pre>如果您需要修改现有脚本，请将它们包含在以下内容中：<p> </p><code>if (typeof window !== 'undefined') { // your initialization code here } </code><pre> </pre>如果脚本顺序很关键（例如，后面的脚本依赖于前面的脚本），您可能需要更顺序的加载方法。<p> </p> </answer></body>

javascript c# asp.net blazor blazor-server-side

回答 0 投票 0

可以使用javascript更改图像调色板吗？

我已经在这里看到了一些与此相关的问题，但没有一个提供好的答案。我需要的是一个 javascript（或者可能是某种使用 PHP/Apache 的插件），它可以在...中找到颜色。

javascript image-processing

回答 2 投票 0

根据手机窗口大小相对调整iFrame的大小

我将 IFrame 嵌入到我的 html 文件中。外部网页代表一个宽度为 1000px、高度为 480px 的画布，如下所示。我的 IFrame 看起来像这样（我使用 tailwindcss）我将 IFrame 嵌入到我的 html 文件中。外部网页代表一个宽度为 1000px、高度为 480px 的画布，见下文。我的 IFrame 看起来像这样（我使用 tailwindcss） <div class="relative flex w-[1005px] h-[490px] border-1" id="iframe-container"> <iframe id="responsive-iframe" src="<external webpage url>" class="w-full h-full" allowfullscreen ></iframe> </div> 当我在移动视图中查看嵌入在 iframe 中的画布时，您可以看到它对于页面来说太大了（参见第一张图片）。我希望 iframe 的内容始终完全可见（参见 image2），但我不知道该怎么做但是，它应该看起来像这样我尝试了一些方法，例如通过 javascript 减小尺寸并具有 100% 宽度和高度，但它仍然没有显示我想要的。我的外部网页如下所示。在预览 div 容器内，将插入尺寸为 1000x480px 的画布 <!DOCTYPE html> <html> <head> <script src="./assets/phaser/phaser.min.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style> html, body { margin: 0; padding: 0; /* width: 100%; */ /* height: 100%; */ } #preview { width: fit-content; height: fit-content; } .testing { width: fit-content; height: fit-content; border: 1px solid red; display: flex; justify-content: center; align-items: center; } </style> </head> <body> <div class="testing"> <div id="preview" name="preview"></div> <script type="module" src="start.js"></script> </div> </body> </html> 使用包装 div 来保持 iframe 的宽高比，方法是在调整宽度以适应不同的屏幕尺寸时调整包装的可用高度。使用 max-width 和 max-height 设置桌面上的最大尺寸。在手机上，我们不希望出现这些尺寸，因为 iframe 不适合窗口宽度，因此使用 max-height 和 max-width 将允许调整这些尺寸以适应屏幕宽度。然后，padding-top: 48% 在宽度减小时保持 iframe 的宽高比。该百分比的计算方式为 1000px / 480px = 48%。在包装器内，让 iframe 填充可用空间。这使其始终在屏幕宽度内完全可见，因为包装器不会超过窗口宽度。 .iframe-wrapper { position: relative; width: 100%; max-width: 1005px; max-height: 490px; padding-top: 48%; overflow: hidden; margin: auto; } .iframe-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <div class="flex items-center justify-center min-h-screen bg-gray-100"> <div class="iframe-wrapper"> <iframe id="responsive-iframe" src="<your link>" allowfullscreen></iframe> </div> </div>

javascript html css iframe

回答 1 投票 0

如何使用 Vaadin UI 框架的 Yandex 地图？

我想在我的应用程序中使用 Vaadin 框架，我需要一张地图。我无法使用 Google 地图，因为它不能很好地描述我的城市，但 yandex 地图可以。在 API 中，我读到 html 似乎很容易： ....

java javascript dictionary vaadin yandex-api

回答 2 投票 0

使用 jspdf 在 Angular 中导出 PDF 问题

javascript angular pdf jspdf

回答 1 投票 0

实现客户端 WebHook 处理程序？

我是 Webhooks 的新手，如果这是一个简单的问题，请原谅。我很清楚 Webhook 提供商是如何工作的，即每当需要推送此信息时，它都会发送 payloa...

javascript http push-notification webhooks

回答 4 投票 0

Bootstrap 使用复选框显示和隐藏 id

我有一个div，如果用户单击一个复选框（是），我想显示它；如果用户单击其他复选框（否），则隐藏它我如何使用 javascript、jquery 或 css 代码来显示和隐藏 div ...

javascript html twitter-bootstrap

回答 2 投票 0

如何在Struts 2中的<s:iterator>标签中将项目显示为不同页面的超链接？

我正在使用 Struts 2 标签在我的 JSP 页面上显示 ArrayList 的结果。我的问题是，我希望该项目作为独立项目，以便我可以使用它进行更多处理。我想要

javascript jquery html jsp struts2

回答 1 投票 0

通过选择`property`属性获取`Meta`属性`content`

在 jQuery 中你可以这样做： $("meta[property='fb:app_id']").attr("内容"); 这将为您提供具有属性属性“fb:app_id”的元标记的内容属性值。我该怎么办...

javascript jquery meta-tags

回答 3 投票 0

如何在视频上使用数字添加向前/向后的代码

此代码用于左箭头和右箭头来向前/向后移动视频： var theVideo = document.getElementById("cspd_video"); document.onkeydown = 函数(事件) { 开关（EV...

javascript video numbers

回答 1 投票 0

javascript 相关问题

最新问题