JavaScript的字符串之HTML包装方法

简介: JavaScript的字符串之HTML包装方法前面以前文章我们讲解了字符串的各种方法。这篇文章对字符串的方法进行一些补充。1.字符串的indexOf()和lastIndexOf()方法的补充 var str='hello world'; // indexOf() lastIndexOf() // 不加第二个参数 console.log(str.indexOf("l");// 2 console.log(str.lastIndexOf("l");// 9 console.log(str.indexOf("l",5));// 9 5之后

JavaScript的字符串之HTML包装方法




前面以前文章我们讲解了字符串的各种方法。这篇文章对字符串的方法进行一些补充。


1.字符串的indexOf()和lastIndexOf()方法的补充


 

varstr='hello world';
// indexOf()  lastIndexOf()// 不加第二个参数console.log(str.indexOf("l");// 2console.log(str.lastIndexOf("l");// 9console.log(str.indexOf("l",5));// 9  5之后  console.log(str.lastIndexOf("l",5));// 3  5之前

2.HTML包装的方法


 

// anchor() 创建 HTML 锚。document.write(str.anchor("target")+"<br/>");
// <a name="target">hello world</a>;// big()    用大号字体显示字符串。document.write(str.big()+"<br/>");
// <big></big>// blink()  显示闪动字符串。document.write(str.blink()+"<br/>");
// bold()   使用粗体显示字符串。document.write(str.bold()+"<br/>");
// fixed()  以打字机文本显示字符串。document.write(str.fixed()+"<br/>");
// italics()    使用斜体显示字符串。document.write(str.italics()+"<br/>");
// small()  使用小字号来显示字符串。document.write(str.small()+"<br/>");
// strike() 用于显示加删除线的字符串。document.write(str.strike()+"<br/>");
// sub()    把字符串显示为下标。document.write("下标"+str.sub()+"<br/>");
// sup()    把字符串显示为上标。document.write("上标"+str.sup()+"<br/>");
// fontcolor()  使用指定的颜色来显示字符串。document.write(str.fontcolor("green")+"<br/>");
// fontsize()   使用指定的尺寸来显示字符串。document.write(str.fontsize(50)+"<br/>");
// link()   将字符串显示为链接。document.write(str.link("#target")+"<br/>");



总结 :HTML 包装方法,即通过js在文本的外面包上对应的HTML标签。


视频讲解链接:
https://www.bilibili.com/video/BV1Ca4y1e7ic/


相关文章
|
13天前
|
Web App开发 JavaScript 前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
|
26天前
|
缓存 监控 前端开发
JavaScript 实现大文件上传的方法
【10月更文挑战第17天】通过以上步骤和方法,我们可以实现较为可靠和高效的大文件上传功能。当然,具体的实现方式还需要根据实际的应用场景和服务器要求进行调整和优化。
|
13天前
|
JavaScript 前端开发 索引
js中DOM的基础方法
【10月更文挑战第31天】这些DOM基础方法是操作网页文档结构和实现交互效果的重要工具,通过它们可以动态地改变页面的内容、样式和行为,为用户提供丰富的交互体验。
|
13天前
|
缓存 JavaScript UED
js中BOM中的方法
【10月更文挑战第31天】
|
12天前
|
JavaScript 前端开发
.js方法参数argument
【10月更文挑战第26天】`arguments` 对象为JavaScript函数提供了一种灵活处理参数的方式,能够满足各种不同的参数传递和处理需求,在实际开发中具有广泛的应用价值。
30 7
|
10天前
|
前端开发 JavaScript 安全
HTML+CSS+JS密码灯登录表单
通过结合使用HTML、CSS和JavaScript,我们创建了一个带有密码强度指示器的登录表单。这不仅提高了用户体验,还帮助用户创建更安全的密码。希望本文的详细介绍和代码示例能帮助您在实际项目中实现类似功能,提升网站的安全性和用户友好性。
21 3
|
13天前
|
JavaScript
JS鼠标框选并删除HTML源码
这是一个js鼠标框选效果,可实现鼠标右击出现框选效果的功能。右击鼠标可拖拽框选元素,向下拖拽可实现删除效果,简单实用,欢迎下载
27 4
|
12天前
|
移动开发 HTML5
html5+three.js公路开车小游戏源码
html5公路开车小游戏是一款html5基于three.js制作的汽车开车小游戏源代码,在公路上开车网页小游戏源代码。
36 0
html5+three.js公路开车小游戏源码
|
13天前
|
JavaScript 前端开发 图形学
JavaScript 中 Math 对象常用方法
【10月更文挑战第29天】JavaScript中的Math对象提供了丰富多样的数学方法,涵盖了基本数学运算、幂运算、开方、随机数生成、极值获取以及三角函数等多个方面,为各种数学相关的计算和处理提供了强大的支持,是JavaScript编程中不可或缺的一部分。
|
21天前
|
JSON 移动开发 数据格式
html5+css3+js移动端带歌词音乐播放器代码
音乐播放器特效是一款html5+css3+js制作的手机移动端音乐播放器代码,带歌词显示。包括支持单曲循环,歌词显示,歌曲搜索,音量控制,列表循环等功能。利用json获取音乐歌单和歌词,基于html5 audio属性手机音乐播放器代码。
72 6