有用的字符串方法

您所在的位置:网站首页 JS字符串输出计算结果 有用的字符串方法

有用的字符串方法

2023-12-14 15:02| 来源: 网络整理| 查看: 265

我们曾经说过,现在我们重申一遍—在 javascript 中,一切东西都可以被当作对象。例如我们创建一个字符串。

js

let string = "This is my string";

一旦你的变量成为字符串对象实例,你就可以有大量的原型和方法编辑它。如果你进入String对象页并观察页面旁边的列表你就会明白这一点。

可能现在你的大脑开始迷糊了,不要担心! 在你的学习进程中你真的不需要过早地理解大部分这方面知识,但是接下来我们这儿要看的是你要经常使用的一些知识。

现在我们在控制台中加些示例,我们已经提供了以下示例(你可在单独打开控制台标签或窗口,或者选择使用浏览器开发者控制台)

doctype html> JavaScript console * { box-sizing: border-box; } html { background-color: #0c323d; color: #809089; font-family: monospace; } body { max-width: 700px; } p { margin: 0; width: 1%; padding: 0 1%; font-size: 16px; line-height: 1.5; float: left; } .input p { margin-right: 1%; } .output p { width: 100%; } .input input { width: 96%; float: left; border: none; font-size: 16px; line-height: 1.5; font-family: monospace; padding: 0; background: #0c323d; color: #809089; } div { clear: both; } var geval = eval; function createInput() { var inputDiv = document.createElement("div"); var inputPara = document.createElement("p"); var inputForm = document.createElement("input"); inputDiv.setAttribute("class", "input"); inputPara.textContent = ">"; inputDiv.appendChild(inputPara); inputDiv.appendChild(inputForm); document.body.appendChild(inputDiv); inputForm.addEventListener("change", executeCode); } function executeCode(e) { try { var result = geval(e.target.value); } catch (e) { var result = "error — " + e.message; } var outputDiv = document.createElement("div"); var outputPara = document.createElement("p"); outputDiv.setAttribute("class", "output"); outputPara.textContent = "Result: " + result; outputDiv.appendChild(outputPara); document.body.appendChild(outputDiv); e.target.disabled = true; e.target.parentNode.style.opacity = "0.5"; createInput(); } createInput();



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3