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 相关文章推荐
jquery中eq和get的区别与使用方法
Apr 14 Javascript
Javascript在IE和FireFox中的不同表现简析
Dec 03 Javascript
JavaScript简单遍历DOM对象所有属性的实现方法
Oct 21 Javascript
JS实现的3D拖拽翻页效果代码
Oct 31 Javascript
BootStrap智能表单实战系列(六)表单编辑页面的数据绑定
Jun 13 Javascript
javascript特殊文本输入框网页特效
Sep 13 Javascript
jQuery焦点图左右转换效果
Dec 12 Javascript
angularjs中的$eval方法详解
Apr 24 Javascript
vue通过style或者class改变样式的实例代码
Oct 30 Javascript
详解Jest结合Vue-test-utils使用的初步实践
Jun 27 Javascript
vue中实现Monaco Editor自定义提示功能
Jul 05 Javascript
vue+Element中table表格实现可编辑(select下拉框)
May 21 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
PHP 函数语法介绍一
2009/06/14 PHP
浅析PHP原理之变量分离/引用(Variables Separation)
2013/08/09 PHP
PHP后端银联支付及退款实例代码
2017/06/23 PHP
Javascript this关键字使用分析
2008/10/21 Javascript
JQuery for与each性能比较分析
2013/05/14 Javascript
javascript设计模式之module(模块)模式
2016/08/19 Javascript
JS实现简单的tab切换选项卡效果
2016/09/21 Javascript
微信小程序 摇一摇抽奖简单实例实现代码
2017/01/09 Javascript
jQuery模拟爆炸倒计时功能实例代码
2017/08/21 jQuery
JavaScript分步实现一个出生日期的正则表达式
2018/03/22 Javascript
vue2.0 移动端实现下拉刷新和上拉加载更多的示例
2018/04/23 Javascript
详解如何快速配置webpack多入口脚手架
2018/12/28 Javascript
JavaScript数据结构与算法之二叉树添加/删除节点操作示例
2019/03/01 Javascript
layui异步加载table表中某一列数据的例子
2019/09/16 Javascript
Vue双向绑定实现原理与方法详解
2020/05/07 Javascript
JavaScript 绘制饼图的示例
2021/02/19 Javascript
[01:02:26]DOTA2-DPC中国联赛 正赛 SAG vs RNG BO3 第二场 1月18日
2021/03/11 DOTA
使用django-suit为django 1.7 admin后台添加模板
2014/11/18 Python
Django 如何获取前端发送的头文件详解(推荐)
2017/08/15 Python
Python之pandas读写文件乱码的解决方法
2018/04/20 Python
Python简单计算给定某一年的某一天是星期几示例
2018/06/27 Python
python实现数据分析与建模
2019/07/11 Python
pycharm 安装JPype的教程
2019/08/08 Python
Python代码中如何读取键盘录入的值
2020/05/27 Python
python解释器安装教程的方法步骤
2020/07/02 Python
matplotlib对象拾取事件处理的实现
2021/01/14 Python
使用phonegap操作数据库的实现方法
2017/03/31 HTML / CSS
新闻专业本科生的自我评价分享
2013/11/20 职场文书
大学毕业感言100字
2014/02/03 职场文书
纠风工作实施方案
2014/03/15 职场文书
年终晚会主持词
2014/03/25 职场文书
安全教育月活动总结
2014/05/05 职场文书
校长四风对照检查材料
2014/09/27 职场文书
基层党组织整改方案
2014/10/25 职场文书
承诺保证书格式
2015/02/28 职场文书
浅谈怎么给Python添加类型标注
2021/06/08 Python