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 相关文章推荐
js jq 单击和双击区分示例介绍
Nov 05 Javascript
js获取select标签选中值的两种方式
Jan 09 Javascript
检查输入的是否是数字使用keyCode配合onkeypress事件
Jan 23 Javascript
jQuery插件pagination实现分页特效
Apr 12 Javascript
Bootstrap表格使用方法详解
Feb 17 Javascript
Vue-cli-webpack搭建斗鱼直播步骤详解
Nov 17 Javascript
vue-router项目实战总结篇
Feb 11 Javascript
基于D3.js实现时钟效果
Jul 17 Javascript
vue新vue-cli3环境配置和模拟json数据的实例
Sep 19 Javascript
基于mpvue小程序使用echarts画折线图的方法示例
Apr 24 Javascript
javascript获取select值的方法完整实例
Jun 20 Javascript
在vue中根据光标的显示与消失实现下拉列表
Sep 29 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中unserialize返回false的解决方法
2014/09/22 PHP
php使用NumberFormatter格式化货币的方法
2015/03/21 PHP
php数组合并与拆分实例分析
2015/06/12 PHP
php判断是否连接上网络的方法实例详解
2016/12/14 PHP
PHP实现网页内容html标签补全和过滤的方法小结【2种方法】
2017/04/27 PHP
PHP创建自己的Composer包方法
2018/04/09 PHP
jquery随意添加移除html的实现代码
2011/06/21 Javascript
jquery中get和post的简单实例
2014/02/04 Javascript
使用js操作css实现js改变背景图片示例
2014/03/10 Javascript
动态显示可输入的字数提示还可以输入的字数
2014/04/01 Javascript
jQuery之Deferred对象详解
2014/09/04 Javascript
js库Modernizr的介绍和使用
2015/05/07 Javascript
使用Node.js配合Nginx实现高负载网络
2015/06/28 Javascript
深入分析下javascript中的[]()+!
2015/07/07 Javascript
jquery判断复选框是否被选中的方法
2015/10/16 Javascript
js采用concat和sort将N个数组拼接起来的方法
2016/01/21 Javascript
Winform客户端向web地址传参接收参数的方法
2016/05/17 Javascript
详解angular2实现ng2-router 路由和嵌套路由
2017/03/24 Javascript
ztree实现权限横向显示功能
2017/05/20 Javascript
iscroll实现下拉刷新功能
2017/07/18 Javascript
Angular实现的敏感文字自动过滤与提示功能示例
2017/12/29 Javascript
浅谈React碰到v-if
2018/11/04 Javascript
JS中比Switch...Case更优雅的多条件判断写法
2019/09/05 Javascript
手写Vue弹窗Modal的实现代码
2019/09/11 Javascript
Python3爬虫之urllib携带cookie爬取网页的方法
2018/12/28 Python
使用CSS3创建动态菜单效果
2015/07/10 HTML / CSS
浅谈Html5多线程开发之WebWorkers
2018/05/02 HTML / CSS
size?瑞典:英国伦敦的球鞋精品店
2018/03/01 全球购物
database面试题
2013/03/28 面试题
2015年村级财务管理制度
2015/08/04 职场文书
安全事故隐患排查治理制度
2015/08/05 职场文书
python学习之panda数据分析核心支持库
2021/05/07 Python
HTML+VUE分页实现炫酷物联网大屏功能
2021/05/27 Vue.js
利用uni-app生成微信小程序的踩坑记录
2022/04/05 Javascript
Redis批量生成数据的实现
2022/06/05 Redis
Python  序列化反序列化和异常处理的问题小结
2022/12/24 Python