javascript - 带有异常的 Javascript substr
问题描述
我寻求帮助。我可以连接像 Test1 和 Test2 这样的 var url 吗?也许与或||?这样我就可以不用其他许多 if 代码了吗?
<p id="demo">Test1</p>
<script>
var urls1 = 'Test1';
var urls2 = 'Test2';
var urls3 = 'Test3';
if (document.getElementById('demo').textContent == urls1)
{
document.getElementById("demo").textContent = "Ihrer Region";
}
else if (document.getElementById('demo').textContent == urls2)
{
document.getElementById("demo").textContent = "Ihrer Region";
}
else if (document.getElementById('demo').textContent == urls3)
{
document.getElementById("demo").textContent = "Ihrer Region";
}
else
{
var str1 = document.getElementById("demo").textContent;
var str2 = str1.substr(0, str1.length-2);
document.getElementById("demo").textContent = str2;
}
</script>
解决方案
问题不只是if
and elses
。你的代码是如此重复,不要重复代码!
另外,不要创建带有数字后缀的 vars urls1
,urls2
... 只是一个 URL 列表(或者更好的说法是一个数组)。
如果您要document.getElementById('demo').textContent
多次使用,请将其存储在一个变量中。
阅读官方文档,这样你就可以知道你可以使用的所有方法。
听起来更好?
var urls = ['Test1', 'Test2', 'Test3'];
var demo = document.getElementById('demo').textContent;
demo = urls.includes(demo) ? "Ihrer Region" : demo.substr(0, demo.length - 2);
推荐阅读
- html - 如何修改 AJAX 请求,以便在页面加载时隐藏空的依赖下拉菜单?
- r - R replace() 与逻辑测试冲突
- python - Matplotlib 底图动画需要更长的时间来处理更多帧
- r - 在图表上绘制多条线: geom_path:每组仅包含一个观察值。需要调整群体审美吗?
- amp-html - AMP-EMAIL:迭代来自 amp-state 的项目列表
- xcode11 - 创建 macOS 应用程序后关闭 Xcode 的解决方法?
- android-studio - 适用于所有 Google Play 用户的“此应用与您的所有设备都不兼容”
- html - 周一到周日自动突出显示工作日单元格。今天是星期二我想突出显示星期二,见附图
- git - 您的本地(不存在)更改将被结帐覆盖
- ansible - Vagrant 端口转发本地主机 8080 和 8000 到主机 8080 和 8000