小编FZs*_*FZs的帖子

<span> 可以做成可点击的链接吗?

将跨度变成可点击的链接。

我制作了一个仅包含背景图像(作为 Gilder/Levin 图像替换技术的一部分)的跨度到一个可点击的链接中,它似乎工作正常——但是,到目前为止,这仅在我自己的台式计算机上,在 Chrome、Opera 和 IE 11 上。

这是可行的吗?

<div id="logo">
  <a href="[absolute url]"> 
    <span></span>
  </a>
  <h1>page name</h1>
</div>
Run Code Online (Sandbox Code Playgroud)

它可以在我的电脑上使用 Chrome、IE11 和 Opera。它会普遍适用吗?

html css

5
推荐指数
1
解决办法
4418
查看次数

如何在号码输入字段中以这种“ xxx-xxx-xxxx”格式输入电话号码

我希望每当我在数字输入字段中以数字XXXXXXXXXX格式输入数字时,就像XXX-XXX-XXXX使用HTML,CSS和javascript一样。

就像此代码段一样,但不使用mask脚本。

$('.phone_us').mask('000-000-0000');
Run Code Online (Sandbox Code Playgroud)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script src="https://igorescobar.github.io/jQuery-Mask-Plugin/js/jquery.mask.min.js" type="text/javascript"></script>
<!--mask script-->

<input type="text" class="phone_us" />
Run Code Online (Sandbox Code Playgroud)

html javascript jquery

4
推荐指数
2
解决办法
3629
查看次数

减少从浏览器发送到服务器的对象数据的最佳方法

我们将以下数据从浏览器发送到服务器,除了 JSON 之外,序列化/反序列化数据的最佳方法是什么?

我们最初将数据保存在客户端浏览器中,并在定期检查点将其发送到服务器。由于数据的大小,发送数据时会占用大量浏览器内存和网络。我们希望减少发送到服务器的数据的大小,keys因为每个对象的数据大多相同,但会values发生变化。

[
   {
      "range":{
         "sLineNumber":3,
         "sColumn":3,
         "eLineNumber":3,
         "eColumn":3
      },
      "rLength":0,
      "text":"\n",
      "rOffset":4,
      "rMoveMarkers":false
   },
   {
      "range":{
         "sLineNumber":4,
         "sColumn":1,
         "eLineNumber":4,
         "eColumn":1
      },
      "rLength":0,
      "text":"\n",
      "rOffset":5,
      "rMoveMarkers":false
   },
   {
      "range":{
         "sLineNumber":5,
         "sColumn":1,
         "eLineNumber":5,
         "eColumn":1
      },
      "rLength":0,
      "text":"\n",
      "rOffset":6,
      "rMoveMarkers":false
   },
   {
      "range":{
         "sLineNumber":6,
         "sColumn":1,
         "eLineNumber":6,
         "eColumn":1
      },
      "rLength":0,
      "text":"f",
      "rOffset":7,
      "rMoveMarkers":false
   },
   {
      "range":{
         "sLineNumber":6,
         "sColumn":2,
         "eLineNumber":6,
         "eColumn":2
      },
      "rLength":0,
      "text":"a",
      "rOffset":8,
      "rMoveMarkers":false
   },
   {
      "range":{
         "sLineNumber":6,
         "sColumn":3,
         "eLineNumber":6,
         "eColumn":3
      },
      "rLength":0,
      "text":"s",
      "rOffset":9,
      "rMoveMarkers":false …
Run Code Online (Sandbox Code Playgroud)

javascript compression json

4
推荐指数
1
解决办法
291
查看次数

在表单输入上显示对象的正确数据

我正在学习,所以我会称自己为JavaScript的新手.在将其输入html表单后,我终于能够获得其中一个对象.但是输入不同的变量时,会显示相同的对象.这些是门锁的锁芯标识和与每个锁相关的数据.

我添加了一个if语句来尝试在对象之间切换,但即使输入"LD",它也只显示来自"RD"的数据.显然,我在使用getElementById或使用错误的ID时做错了什么?我很高兴在我阅读的其他一些主题的帮助下得到了这一点,但我现在有点卡住了.

这是我的代码显示了两个对象:

var display = document.getElementById("displayCyl");

function getCyl(){
  if(document.getElementById("cylEnter").value = "RD"){
    display.innerHTML=display.innerHTML + Object.values(RD);
   }
  else if(document.getElementById("cylEnter").value = "LD"){
    display.innerHTML=display.innerHTML + Object.values(LD);
   }
  }

  var LD = {
  brand: 'Schlage, Falcon',
  cylinder: ' Without cylinder',
  pins: ' 6 Pin',
  type: ' KIL'
 }

  var RD = {
  brand: 'Schlage-Everest 29 S123 (Standard)',
  cylinder: ' With cylinder',
  pins: ' 6 Pin',
  type: ' FSIC'
 }
Run Code Online (Sandbox Code Playgroud)
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title></title>
</head>
<body>
  <h2>Cylinder Selector</h2>
    <h3>For AD and CO …
Run Code Online (Sandbox Code Playgroud)

html javascript dom

3
推荐指数
1
解决办法
57
查看次数

如果陈述执行

给出以下代码片段:

if (condition1 && condition2) {
  // ACTION 1
} else if (!condition1) {
  // ACTION 2
} else {
  // ACTION 3
}
Run Code Online (Sandbox Code Playgroud)

如果以这种方式进行重组,是否会对性能产生影响:

if (condition1) {
  if (condtion2) {
    // ACTION 1
  } else {
    // ACTION 3
  }
} else {
  // ACTION 2
}
Run Code Online (Sandbox Code Playgroud)

javascript

3
推荐指数
1
解决办法
71
查看次数

未捕获的类型错误:无法读取 null 的属性“insertAdjacentHTML”

我非常有动力,想成为 Javascript 开发人员。调试正在杀死我。我认为这部分是我们开始有史以来最困难的部分。反正; 我在一个项目中。有点像它的最后一部分。我有这个错误,我找不到解决方案。

我的 Javascript 代码在这里:

var arayuz = (function(){
    
    var Domstrings = {
        InputType:'.add__type',
        InputDescription:'.add__description',
        InputValue:'.add__value',
        InputBtn:'.add__btn',
        IncomeList:'income__list',
        ExpenseList:'expenses__list'
            
    };

    return {
        getInput: function() {
            return {
                type: document.querySelector(Domstrings.InputType).value, // Will be either inc or exp
                description: document.querySelector(Domstrings.InputDescription).value,
                value: document.querySelector(Domstrings.InputValue).value
            };
        },

        // and the part where I got stuck...

        addListItem: function(obj,type){
            //Default HTML
            var html, newHtml, element;
            if(type == 'inc'){
                element = Domstrings.IncomeList;
                html='<div class="item clearfix" id="income-%id%"><div class="item__description">%description%</div><div class="right clearfix"><div class="item__value">+%value%</div><div class="item__delete"><button class="item__delete--btn"><i class="ion-ios-close-outline"></i></button></div></div></div>'
            } else if(type …
Run Code Online (Sandbox Code Playgroud)

html javascript

3
推荐指数
1
解决办法
4187
查看次数

如何解决可视化算法中的问题

我想实现一个问题,我们在迷宫中找到从 (0,0) 单元格到 (m-1,n-1) 单元格的路径,中间有一些障碍。
我使用递归回溯算法来解决这个问题,我只是想进行某种可视化,我们可以看到在迷宫中旅行时路径是如何被采用的。
我在这里看到了这个问题

现在我已经使用 javascript 实现了它,我正在将我们正在访问的单元格着色为蓝色,如果我们回溯,然后再次删除颜色,但一切都发生得非常快,因为我们看不到任何事情发生,所以我尝试使用sleep()函数来延迟但我认为我没有正确使用它们,因为任何随机模式都没有显示出它所采取的正确路径。

如果有人可以帮助我解决它,那么这将是一个很大的帮助。
你可以在这里检查我的问题

我寻找路径的算法是:

let getMazePath = async (maze, r, c, ans) => {
  if (
    r < 0 ||
    c < 0 ||
    r >= maze.length ||
    c >= maze[0].length ||
    maze[r][c] == 1 ||
    visited[r][c] == 1
  )
    return;

  if (r == maze.length - 1 && c == maze[0].length - 1) {
    document.getElementById("path-display").innerHTML =
      "Path is: '" + ans + "'";
    console.log("Path is: …
Run Code Online (Sandbox Code Playgroud)

javascript algorithm recursion backtracking async-await

3
推荐指数
1
解决办法
44
查看次数

javascript button.style.backgroundColor 返回 "" 直到单击

function chgBkColor(v) {
  v.style.backgroundColor === "rgb(255, 255, 255)" ?
    v.style.backgroundColor = "#50AAD7" :
    v.style.backgroundColor = "#fff"
};
Run Code Online (Sandbox Code Playgroud)
.dowBtn {
  background-color: #fff;
  border-radius: 0.7em;
  border: 1px solid #ddd;
}
Run Code Online (Sandbox Code Playgroud)
<button onclick='chgBkColor(this);' id="su" class="dowBtn">Su</button>
Run Code Online (Sandbox Code Playgroud)

当我单击按钮时,第一次单击不起作用,v.style 为空白。我已经使用 documentGetElementById 尝试了各种方法,并且所有方法都以相同的方式发生。

每次点击后都可以很好地切换背景颜色。

javascript css

2
推荐指数
1
解决办法
401
查看次数

如何每秒在索引中连续输出每个数字?

我有以下循环:

for (let index = 0; index < 4; index++) {  
  setInterval(function() {
    console.log(index)
  }, 1000);
}
Run Code Online (Sandbox Code Playgroud)

我怎样才能让它控制台记录第一秒 0,第二秒 1,第三秒 2,第四秒 3,第五秒 0,依此类推,直到间隔被清除?

javascript for-loop setinterval console.log

2
推荐指数
1
解决办法
74
查看次数

将字符串拆分为 n 段并忽略换行符?

我想将我的字符串分成每 3 个字符的一个段,这里是我的片段示例

let a = "abcdef"; //length 6
let b = `a
b
c
d
e
f`; // length 11 including line break

console.log(a.match(/.{1,3}/g));
console.log(b.match(/.{1,3}/g));
Run Code Online (Sandbox Code Playgroud)

结果var a很好,但是当我在每个字符中添加换行符时var b是错误的,为什么它会拆分每个字符var b?我希望结果是这样的:

[
    `a{line_break}b`,
    `{line_break}c{line_break}`,
    `d{line_break}e`,
    `{line_break}f`
]
Run Code Online (Sandbox Code Playgroud)

javascript

2
推荐指数
1
解决办法
47
查看次数