JavaScript strike方法入门实例(给字符串加上删除线)


Posted in Javascript onOctober 17, 2014

JavaScript strike 方法

strike 方法返回使用 HTML strike 标签属性定义的删除线样式的字符串。其语法如下:

str_object.strike()

提示:该方法不符合 ECMA 标准,不建议使用。

strike 方法实例

<script language="JavaScript">
var str = "3water.com";

document.write( str.strike( "https://3water.com" ) );
</script>

运行该例子,输出:

3water.com

提示:该方法返回使用 HTML strike 标签定义的删除线字符串,即使用该方法并不能直接将字符串变更为带删除线的字符串。如果想动态改变元素字体为带删除线的字符串,可参考下面的实例:

给字体文本加上装饰效果(删除线、下划线、上划线、闪烁)

<html>

<script language="JavaScript">

function changFont( x ){

    document.getElementById("article").style.textDecoration = x;

}

</script>

<body>

<p>

<a onClick="changFont('none');">无装饰</a> <a onClick="changFont('line-through');">删除线</a>

<a onClick="changFont('underline');">下划线</a> <a onClick="changFont('overline');">上划线</a>

</p>

<p id="article">

我是一些文字 ...<br />

Some Text ...

</p>

</body>

</html>
Javascript 相关文章推荐
javascript removeChild 使用注意事项
Apr 11 Javascript
有关于JS构造函数的重载和工厂方法
Apr 07 Javascript
window.onload和$(function(){})的区别介绍
Oct 30 Javascript
jquery数组之存放checkbox全选值示例代码
Dec 20 Javascript
JavaScript将XML转成JSON的方法
Mar 12 Javascript
JavaScript判断是否为数字的4种方法及效率比较
Apr 01 Javascript
理解javascript闭包
Dec 15 Javascript
原生js编写autoComplete插件
Apr 13 Javascript
JS在一定时间内跳转页面及各种刷新页面的实现方法
May 26 Javascript
利用策略模式与装饰模式扩展JavaScript表单验证功能
Feb 14 Javascript
详解Vue2.5+迁移至Typescript指南
Aug 01 Javascript
Vue 基于 vuedraggable 实现选中、拖拽、排序效果
May 18 Javascript
JavaScript link方法入门实例(给字符串加上超链接)
Oct 17 #Javascript
JavaScript italics方法入门实例(把字符串显示为斜体)
Oct 17 #Javascript
JavaScript fontsize方法入门实例(按照指定的尺寸来显示字符串)
Oct 17 #Javascript
JavaScript fontcolor方法入门实例(按照指定的颜色来显示字符串)
Oct 17 #Javascript
JavaScript bold方法入门实例(把指定文字显示为粗体)
Oct 17 #Javascript
JavaScript lastIndexOf方法入门实例(计算指定字符在字符串中最后一次出现的位置)
Oct 17 #Javascript
JavaScript indexOf方法入门实例(计算指定字符在字符串中首次出现的位置)
Oct 17 #Javascript
You might like
苏联队长,苏联超人蝙蝠侠,这些登场的“山寨”英雄真的很严肃
2020/04/09 欧美动漫
如何使用Gitblog和Markdown建自己的博客
2015/07/31 PHP
Yii2 RESTful中api的使用及开发实例详解
2016/07/06 PHP
Yii2中关联查询简单用法示例
2016/08/10 PHP
PHP导出带样式的Excel示例代码
2016/08/28 PHP
Yii2中hasOne、hasMany及多对多关联查询的用法详解
2017/02/15 PHP
CCPry JS类库 代码
2009/10/30 Javascript
面向对象Javascript核心支持代码分享
2012/05/23 Javascript
jquery 实现上下滚动效果示例代码
2013/08/09 Javascript
javascript 闭包详解
2015/07/02 Javascript
jQuery 如何给Carousel插件添加新的功能
2016/04/18 Javascript
jQuery处理XML文件的几种方法
2016/06/14 Javascript
微信小程序 地图(map)实例详解
2016/11/16 Javascript
js实现文本上下来回滚动
2017/02/03 Javascript
微信小程序显示倒计时功能示例【测试可用】
2018/12/03 Javascript
vue使用vuex实现首页导航切换不同路由的方法
2019/05/08 Javascript
vue input输入框关键字筛选检索列表数据展示
2020/10/26 Javascript
在Vue中使用icon 字体图标的方法
2019/06/14 Javascript
React中使用Vditor自定义图片详解
2020/12/25 Javascript
[04:16]DOTA2全国高校联赛16强抽签
2018/05/02 DOTA
Python中itertools模块用法详解
2014/09/25 Python
使用Python实现一个简单的项目监控
2015/03/31 Python
教大家使用Python SqlAlchemy
2016/02/12 Python
Python实现列表转换成字典数据结构的方法
2016/03/11 Python
Python 实现12306登录功能实例代码
2018/02/09 Python
python生成九宫格图片
2018/11/19 Python
python socket通信编程实现文件上传代码实例
2019/12/14 Python
解决Jupyter NoteBook输出的图表太小看不清问题
2020/04/16 Python
Python实现EM算法实例代码
2020/10/04 Python
Hotels.com加拿大:领先的在线住宿网站
2018/10/05 全球购物
意大利在线药房:Farmacia Loreto Gallo
2019/08/09 全球购物
自我评价是什么
2014/01/04 职场文书
2014年学习厉行节约反对浪费思想汇报
2014/09/10 职场文书
四查四看整改措施
2014/09/19 职场文书
学校领导四风问题整改措施思想汇报
2014/10/09 职场文书
使用这 6个Vue加载动画库来减少我们网站的跳出率
2021/05/18 Vue.js