由于JS对字符串长度的计算中汉字直接按一个长度计算,而显示的时候一个汉字占两个像素.
再加上HTML显示的长度是以像素为单位的,因此有必要按像素来计算一个字符串的长度.以
下代码提供了按像素计算字符串长度.
function getLengthStr(str,strLength) {
var tmp = 0;
var len = 0;
var okLen = 0
for(var i=0;i<strLength;i++)
{
if(str.charCodeAt(i)>255)
tmp += 2
else
len += 1
okLen += 1
if(tmp + len == strLength)
{
return (str.substring(0,okLen));
}
if(tmp + len > strLength)
{
return (str.substring(0,okLen - 1) + " ");
}
}
}
function getLength(str){
var len = 0;
for(var i=0;;i++)
{
if(!str.charCodeAt(i))
break;
if(str.charCodeAt(i)>255)
len += 2;
else
len +=1;
}
return len;
}
分享到:
相关推荐
标题中提到的“css截取字符串”实际上是关于在Web前端开发中如何利用CSS的特性来实现文本截断的效果。在这里,CSS并非传统意义上的编程语言,它不具备直接截取字符串的功能,但它可以通过一些属性来控制文本的显示,...
- 将截取的`ImageData`对象转换为Base64字符串,作为请求参数。 2. **服务器端处理**: - 在ASP.NET中,可以使用C#编写接收AJAX请求的控制器方法。 - 接收到Base64字符串后,将其转换回二进制图像数据。 - 可以...
当用户在页面上选取文本时,我们可以利用window.getSelection()函数获取选区对象,再通过toString()方法将其转换为字符串。这个功能在实现文本编辑器、搜索高亮或其他需要分析用户选取内容的场景中非常有用。 3. **...
- `substring(start, end)`: 截取字符串的一部分。 ### Date 数据类型 - `getFullYear()`: 获取年份。 - `getMonth()`: 获取月份。 - `getDate()`: 获取日期。 - `getHours()`: 获取小时。 - `getMinutes()`: 获取...
1. **字符串处理**:字符画的核心是将图像转化为字符的过程,这需要对字符串进行操作,包括截取、拼接和格式化。在编程中,这通常涉及到字符串函数的使用,如Python的`join()`、JavaScript的`slice()`等。 2. **...
**问题:** 如何使用JavaScript截取字符串`abcdefg`中的`efg`? **答案:** 可以使用`substring`方法: ```javascript alert("abcdefg".substring(4)); ``` 这里,`substring(4)`表示从索引4开始截取字符串,直到...
使用 `window.open()` 函数可以创建一个新的浏览器窗口,参数包括URL、窗口名称和特征字符串。在例子中,窗口的宽度和高度设置为屏幕可用尺寸减去20像素,确保全屏显示。 3. **XML处理**: - `ActiveXObject` 是...
当用户确定截图后,JavaScript需要将选区的像素数据编码成Base64字符串,这是因为JSON不支持二进制数据,所以需要转换为字符串形式才能通过Ajax传递给后台。可以使用`toDataURL()`方法将Canvas内容转换为data URL,...
2. **数据解析**:在`ImgCropper.ashx`中,需要解析前端传来的裁剪参数,这通常可以通过读取HTTP请求的查询字符串或POST数据来实现。 3. **图像处理**:解析到裁剪参数后,使用.NET的图像处理库(如System.Drawing...
- 根据字符长度截取字符串并在长度超过指定值后显示省略号。 - 根据指定的行数和行高计算应该截取的文本长度,并在超出时显示省略号。 JavaScript实现的组件`MultiEllipsis`支持两种方式截取文本: - 通过字符...
- `substring()`:截取字符串的一部分。 - `parseInt()`:将字符串转换为整数。 #### 5. 条件判断 - 使用`if`语句来实现逻辑分支。 - 如`if (number )`等条件判断用于控制程序流程。 ### 四、颜色代码转换 从代码...
在JavaScript中,substring()方法可以截取字符串的部分内容。如果截取的起始索引大于截取的结束索引,会返回原始字符串。 11. 哪些属于块级元素? 知识点:HTML中的块级元素和内联元素 在HTML中,有些元素是...
5. **字符串操作**:`trim()`、`toLowerCase()`、`toUpperCase()`、`substring()`等方法用于字符串的基本操作,而正则表达式则提供了复杂的字符串匹配和替换功能。 四、现代JavaScript特性 随着ES6(ECMAScript ...
开发者可以使用FileReader的`readAsDataURL()`方法读取图片文件,将其转换为Base64编码的字符串,进一步用于Canvas渲染。 4. **Drag.js**:这个文件可能是实现图片拖放功能的JavaScript库。拖放功能允许用户通过...
`$.lui.widget.clacStrLength`和`$.lui.widget.substrByPx`函数用于计算字符串长度和按像素截取字符串。这两个函数使用临时的`<span>`元素来模拟目标元素的样式,然后测量其宽度。为了避免内存泄露,它们在完成计算...
当用户选择了一个图片文件,我们可以通过FileReader的`readAsDataURL()`方法将图片转换为DataURL,这是一种字符串格式,包含了图像的数据和MIME类型。这个DataURL可以用于预览图片,也可以作为`<img>`标签的`src`...
当`txti`小于当前要显示的字符串长度时,函数会继续执行,并且通过`substring()`方法截取字符串,将截取的字符串动态设置到页面的`id`为“Hotnews”的`<a>`标签的`innerHTML`属性中。这导致在页面上可以看到文本内容...
相比之下,使用`<ul><li>`或`<p>`组合可能需要手动截取字符串来适应固定高度的页面。 图像处理也是一个关键点。虽然大图片可以增加视觉吸引力,如导航图,但为了优化加载速度和节省用户流量,应严格控制图片大小。...
为了防止图片被第三方截取并重复使用,通常会使用一次性的令牌机制,即每次请求验证码时都会生成新的图片和对应的验证字符串。 3. **用户输入**:用户肉眼识别图片中的字符,将其输入到验证码输入框中。 4. **验证...
创建一个新的图像资源,设置背景色、文字颜色,然后使用`imagefttext`或`imagettftext`函数将随机生成的中文字符串绘制到图像上。这里可以调整字体、大小、角度和位置,以增加辨识难度。 4. **添加干扰元素**:为了...