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 相关文章推荐
fireworks菜单生成器mm_menu.js在 IE 7.0 显示问题的解决方法
Oct 20 Javascript
jQuery 复合选择器应用的几个例子
Sep 11 Javascript
JavaScript中Textarea滚动条不能拖动的解决方法
Dec 15 Javascript
BootStrap下的弹出框加载select2框架失败的解决方法
Aug 31 Javascript
微信小程序实现点击按钮修改字体颜色功能【附demo源码下载】
Dec 05 Javascript
js将当前时间格式化为 年-月-日 时:分:秒的实现代码
Jan 20 Javascript
node下使用UglifyJS压缩合并JS文件的方法
Mar 07 Javascript
JS 实现分页打印功能
May 16 Javascript
AngularJS实现的自定义过滤器简单示例
Feb 02 Javascript
Vue 实现显示/隐藏层的思路(加全局点击事件)
Dec 31 Javascript
jQuery操作元素的内容和样式完整实例分析
Jan 10 jQuery
Vue常用API、高级API的相关总结
Feb 02 Vue.js
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 JSON中文乱码的解决方法详解
2013/06/06 PHP
PHP连接MSSQL2008/2005数据库(SQLSRV)配置实例
2014/10/22 PHP
PHP+mysql实现的三级联动菜单功能示例
2019/02/15 PHP
File文件控件,选中文件(图片,flash,视频)即立即预览显示
2009/04/09 Javascript
JS中令人发指的valueOf方法介绍
2013/02/22 Javascript
省市选择的简单实现(基于zepto.js)
2016/06/21 Javascript
jQuery EasyUI学习教程之datagrid点击列表头排序
2016/07/09 Javascript
js 自带的 map() 方法全面了解
2016/08/16 Javascript
利用AngularJs实现京东首页轮播图效果
2016/09/08 Javascript
详解vue-cli 2.0配置文件(小结)
2019/01/14 Javascript
详细教你微信公众号正文页SVG交互开发技巧
2019/07/25 Javascript
JS中比Switch...Case更优雅的多条件判断写法
2019/09/05 Javascript
Vue Cli3 打包配置并自动忽略console.log语句的方法
2020/04/23 Javascript
jQuery实现简单三级联动效果
2020/09/05 jQuery
[49:35]2018DOTA2亚洲邀请赛3月30日 小组赛A组 KG VS TNC
2018/03/31 DOTA
[53:50]CHAOS vs Mineski 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
python编写网页爬虫脚本并实现APScheduler调度
2014/07/28 Python
Python迭代用法实例教程
2014/09/08 Python
浅谈Python_Openpyxl使用(最全总结)
2019/09/05 Python
Python实现数值积分方式
2019/11/20 Python
python使用协程实现并发操作的方法详解
2019/12/27 Python
python实现打砖块游戏
2020/02/25 Python
印尼综合在线预订网站:Tiket.com(机票、酒店、火车、租车和娱乐)
2018/10/11 全球购物
加拿大的标志性百货公司:Hudson’s Bay(哈得逊湾)
2019/09/03 全球购物
飞利浦西班牙官方网站:Philips西班牙
2020/02/17 全球购物
自荐书模板
2013/12/15 职场文书
城建学院毕业生自荐信
2014/01/31 职场文书
四风存在的原因分析
2014/02/11 职场文书
七匹狼男装广告词
2014/03/21 职场文书
小学生国庆演讲稿
2014/09/05 职场文书
普通员工辞职信范文
2015/05/12 职场文书
python基础详解之if循环语句
2021/04/24 Python
小程序实现筛子抽奖
2021/05/26 Javascript
撤回我也能看到!教你用Python制作微信防撤回脚本
2021/06/11 Python
解决vue自定义组件@click点击失效问题
2022/04/30 Vue.js
python数字图像处理之图像自动阈值分割示例
2022/06/28 Python