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/


相关文章
|
2天前
|
存储 JavaScript 前端开发
史上最详细JavaScript数组去重方法(11种)
使用set和Array.from ()方法 array.from可以将set结构转成数组
19 7
|
1天前
|
JavaScript 前端开发
JavaScript中科学计数法转化为数值字符串形式
JavaScript中科学计数法转化为数值字符串形式
|
1天前
|
JavaScript 前端开发
JavaScript的`apply`方法:函数的“应用”与“调用”
JavaScript的`apply`方法:函数的“应用”与“调用”
|
1天前
|
JavaScript 前端开发
JavaScript的`bind`方法:函数的“复制”与“定制”
JavaScript的`bind`方法:函数的“复制”与“定制”
|
1天前
|
JavaScript 前端开发
JavaScript的`call`方法:实现函数间的调用!
JavaScript的`call`方法:实现函数间的调用!
|
1天前
|
设计模式 JavaScript 前端开发
JavaScript原型模式:实现对象共享属性和方法!
JavaScript原型模式:实现对象共享属性和方法!
|
2天前
|
JavaScript 前端开发 索引
JavaScript array 原生 reduce 方法的模拟实现
JavaScript array 原生 reduce 方法的模拟实现
8 2
|
2天前
|
存储 JSON 小程序
html在线预览CAD(手机小程序浏览DWG)二次开发图层表的方法
本文档介绍了DWG数据库中图层的存储结构及MxCAD库对图层的操作。图层信息存储于图层层表McDbLayerTable()中,每个记录对应一个图层,包含颜色、线型等属性,且有一个不可删除的默认"0"层。主要操作包括:通过MxCpp.getCurrentMxCAD()获取图层表,使用addLayer()添加图层,遍历图层,以及删除图层。此外,还展示了如何修改图层的关闭、冻结、锁定状态及颜色。提供了在线示例以演示这些功能。
html在线预览CAD(手机小程序浏览DWG)二次开发图层表的方法
|
2天前
|
JavaScript 前端开发
JavaScript 提供了多种方法来操作 DOM(文档对象模型)
【5月更文挑战第11天】JavaScript 用于DOM操作的方法包括获取元素(getElementById, getElementsByClassName等)、修改内容(innerHTML, innerText, textContent)、改变属性、添加/删除元素(appendChild, removeChild)和调整样式。此外,addEventListener用于监听事件。注意要考虑兼容性和性能当使用这些技术。
9 2
|
2天前
|
JavaScript 前端开发
在JavaScript中实现模块化开发有多种方法
【5月更文挑战第10天】JavaScript模块化开发可通过CommonJS、AMD和ES6模块实现。CommonJS适用于服务器端,使用`require`和`module.exports`处理模块;AMD(如RequireJS)用于浏览器端,依赖`require`和`define`;ES6模块提供原生支持,使用`import`和`export`。选择方式需考虑项目环境、复杂度和技术栈。
16 4