javascript 相关问题

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

使用 Javascript 将值插入到输入而不更改 DOM

我有很多输入元素（基本上是一个表单页面），但现在我们只讨论一个：我有很多输入元素（基本上是一个表单页面），但现在我们只讨论一个： <input class="forms-input form-control DateField" id="AMO-DMI-BPO-Ext-v2019:INSP_DATE" onchange="ExecuteFormula('AMO-DMI-BPO-Ext-v2019:INSP_DATE')" style="font-family:Calibri;font-size:12.2666666666667px;color:#000000;visibility:visible" type="text" value=""> 现在，我想更新此输入的值，而不使用javascript的.value.textContent或.innerHTML 你为什么问？因为当我保存表单会话并重新加载它时，表单首先会删除通过客户端完成的所有 DOM 更改，然后获取添加的字段值并在后端进行更新。所以，如果我做类似的事情： let DateGenerator = new Date().toLocaleDateString('en-US', {year: 'numeric', month: '2-digit', day: '2-digit'}); document.getElementById('AMO-DMI-BPO-Ext-v2019:INSP_DATE').value = DateGenerator; 它会向我显示插入字段中的值，但是当我保存表单并重新加载它时，它就会消失。但是如果我通过单击输入字段手动添加数据（假设是日期），然后添加它只是接受它的值。保存并重新加载页面后，它不会改变.. 保存后，value = "06/14/2024"会自动更新（从服务器端）。 <input class="forms-input form-control DateField" id="AMO-DMI-BPO-Ext-v2019:INSP_DATE" onchange="ExecuteFormula('AMO-DMI-BPO-Ext-v2019:INSP_DATE')" style="font-family:Calibri;font-size:12.2666666666667px;color:#000000;visibility:visible" type="text" value="06/14/2024"> 所以，基本上对我来说，这看起来像是一个挑战..我正在尝试做一项数据输入工作，这需要不断地一遍又一遍地输入相同的详细信息。无论如何，我们可以在不更改值的情况下插入值吗？ DOM，只用元素ID来识别并把值放进去？ JS是唯一运行在客户端的技术（编程语言）。所以必须使用它。为什么不使用 AJAX 请求来修改你的后端呢？ $.ajax({ type: "POST", url: url, data: data, success: () => {}, dataType: "json", error: (error, typeError, cc) => {} }); 然后创建一个接受请求的文件，例如在 PHP 中 $field1 = $_POST['field1]; refreshValuesBackend($userReference, $field1, ...$otherFields); 然后创建 refreshValuesBackend() 来更新值。

javascript html dom

回答 1 投票 0

Typescript 需要 mithril 导入，这会破坏 javascript

目前正在将我的 javascript 应用程序翻译为打字稿。以前我只是使用 m() 和 Vnode 而不进行任何导入，但是 typescript 需要包含 import m, { Vnode } from 'mithril';所以它...

javascript typescript mithril.js

回答 2 投票 0

尝试连接变量值在 Cypress 中未定义

cy.get('#name').type('Mani') var 名称 =cy.get('#name').text cy.log(名称) cy.log(Name+ '你好，这个练习页面，分享你的知识') 我将名称存储在“名称”变量中...

javascript cypress

回答 1 投票 0

打开新标签页时图标损坏

我使用favicon png 文件。它适用于我的网站，我可以在浏览器选项卡上看到我的图标。但是当我打开 pdf 文档时...

javascript html css angular favicon

回答 1 投票 0

Material UI 数据网格：有没有办法右对齐整个列？

我是 Material UI 的新手，一直在尝试解决这个问题。在 Material UI 中，有没有办法在数据网格中显示两列，一列左对齐，一列右对齐？到目前为止我已经能够...

javascript html css reactjs material-ui

回答 2 投票 0

使用 Web API 发送电子邮件不反映“发件人”和“收件人”数据

我想使用 MS Dynamics Web API 创建电子邮件。这里我贴出数据 { “发件人”：“[email protected]”， “torecipients”：“[email protected]”， "subject": "测试对象新1234567", ”

javascript dynamics-crm microsoft-dynamics dynamics-crm-365 dynamics-crm-webapi

回答 2 投票 0

Javascript 颜色停止热图线画布

我在数组中有一个数字数据（数组可以是任何数字长度）：我想在画布上创建类似的东西，在一行中呈现彩色数据（例如图片上有两行......

javascript html colors heatmap

回答 1 投票 0

在自定义React钩子中，useEffect在return语句之前触发吗？

我创建了一个自定义反应挂钩来使用 useQuery 获取数据。当用户滚动表格时，将加载下一组数据。当使用下一组道具调用自定义反应钩子时，

javascript react-hooks graphql apollo-client

回答 1 投票 0

在 Angular 中对从父组件传递到子组件的列进行排序时出现问题

我正在尝试将列从父组件传递到 Angular 中的子组件，并且在列上排序时遇到问题。这是我的代码：父组件我正在尝试将一列从 Angular 中的父组件传递到子组件，并且在该列上排序时遇到问题。这是我的代码：父组件 <table-sorting-example matSort> <ng-container matColumnDef="another"> <th mat-header-cell *matHeaderCellDef mat-sort-header>Another</th> <td mat-cell *matCellDef="let element">{{element.another}}</td> </ng-container> </table-sorting-example> 子组件 <table mat-table [dataSource]="dataSource" matSort> <ng-container matColumnDef="position"> <th mat-header-cell *matHeaderCellDef mat-sort-header>Position</th> <td mat-cell *matCellDef="let element">{{element.position}}</td> </ng-container> <ng-container matColumnDef="name"> <th mat-header-cell *matHeaderCellDef mat-sort-header>Name</th> <td mat-cell *matCellDef="let element">{{element.name}}</td> </ng-container> <ng-container matColumnDef="weight"> <th mat-header-cell *matHeaderCellDef mat-sort-header>Weight</th> <td mat-cell *matCellDef="let element">{{element.weight}}</td> </ng-container> <ng-container matColumnDef="symbol"> <th mat-header-cell *matHeaderCellDef mat-sort-header>Symbol</th> <td mat-cell *matCellDef="let element">{{element.symbol}}</td> </ng-container> <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> </table> 子组件 TS 文件 import { AfterViewInit, Component, ContentChildren, QueryList, ViewChild, } from '@angular/core'; import { MatSort, Sort } from '@angular/material/sort'; import { MatColumnDef, MatTable, MatTableDataSource, } from '@angular/material/table'; export interface PeriodicElement { name: string; position: number; weight: number; symbol: string; another: string; } const ELEMENT_DATA: PeriodicElement[] = [ { position: 5, name: 'Boron', weight: 10.811, symbol: 'B', another: 'A' }, { position: 6, name: 'Carbon', weight: 12.0107, symbol: 'C', another: 'B' }, { position: 7, name: 'Nitrogen', weight: 14.0067, symbol: 'N', another: 'C' }, { position: 8, name: 'Oxygen', weight: 15.9994, symbol: 'O', another: 'D' }, { position: 9, name: 'Fluorine', weight: 18.9984, symbol: 'F', another: 'E' }, { position: 10, name: 'Neon', weight: 20.1797, symbol: 'Ne', another: 'F' }, ]; /** * @title Table with sorting */ @Component({ selector: 'table-sorting-example', styleUrls: ['table-sorting-example.css'], templateUrl: 'table-sorting-example.html', }) export class TableSortingExample implements AfterViewInit { displayedColumns: string[] = ['position', 'name', 'weight', 'symbol']; dataSource = new MatTableDataSource(ELEMENT_DATA); @ViewChild(MatTable) myTable: MatTable<PeriodicElement>; @ViewChild(MatSort) sort: MatSort; @ContentChildren(MatColumnDef) private customCols: QueryList<MatColumnDef>; constructor() {} ngAfterViewInit() { this.dataSource.sort = this.sort; for (let col of this.customCols) { this.myTable.addColumnDef(col); this.displayedColumns.push(col.name); } } } 如您所见，我在父组件和子组件上都使用了 matSort。但是，对“另一”列进行排序似乎不起作用。其他列按预期排序。我检查了Angular文档和其他在线资源，但找不到这个问题的解决方案。有人可以帮助我理解为什么“另一个”列上的排序不起作用以及如何修复它吗？您可以在 stackblitz 上找到完整代码您将 customCols 和 addColumnDef 添加到材料表中。我的猜测是您必须对自定义列进行类似的操作才能进行排序。您是否尝试过在 register 上使用 MatSort 方法。比如： for (let col of this.customCols) { this.myTable.addColumnDef(col); this.matSort.register({id: col.name, start: 'desc', disableClear: false}); this.displayedColumns.push(col.name); } 有人发现如何解决这个问题吗？

javascript angular typescript angular-material

回答 2 投票 0

如何在点击时动态地将框居中

如何正确计算视点的中心值（“0 0 1200 800”）我想在我的JS中分配translate(${translateXValue}px, -300px)rotateY(180deg)scale(1.5);*中的值。我是

javascript

回答 1 投票 0

Javascript 中的两和 Leetcode - 代码看起来正确，但 Leetcode 说它是错误的

我正在研究 Leetcode 中的“二和”问题。我确信这段代码是正确的，我已经在 Repl 中测试了它，它看起来是正确的，但 Leetcode 给了我一个错误。这是我的代码： var arr = ...

javascript

回答 5 投票 0

SchemaError：没有为属性给出地图架构：播放列表

我正在尝试创建 DynamoDB 架构和用户模型。但每当我调用我的 User 模型时，我的 api 总是会抛出此错误：SchemaError：没有为属性给出地图架构：播放列表。代码如下： /