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判断鼠标同时离开两个div的思路及代码
May 31 Javascript
分析js闭包引起的事件注册问题
Mar 29 Javascript
jQuery Easyui datagrid editor为combobox时指定数据源实例
Dec 19 Javascript
基于JavaScript实现滑动门效果
Mar 16 Javascript
通过js修改input、select默认字体颜色
Apr 19 Javascript
jquery操作ul的一些操作笔记整理(干货)
Aug 31 jQuery
Express系列之multer上传的使用
Oct 27 Javascript
原生javascript AJAX 三级联动的实现代码
May 04 Javascript
JS简单生成由字母数字组合随机字符串示例
May 25 Javascript
vue中当图片地址无效的时候,显示默认图片的方法
Sep 18 Javascript
Vue 中获取当前时间并实时刷新的实现代码
May 12 Javascript
video.js添加自定义组件的方法
Dec 09 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数组函数序列之array_slice() - 在数组中根据条件取出一段值,并返回
2011/11/07 PHP
PHP模板引擎Smarty中变量的使用方法示例
2016/04/11 PHP
PHP微信开发之模板消息回复
2016/06/24 PHP
document 和 document.all 分别什么时候用
2006/06/22 Javascript
JavaScript 闭包深入理解(closure)
2009/05/27 Javascript
JS对外部文件的加载及对IFRMAME的加载的实现,当加载完成后,指定指向方法(方法回调)
2011/07/04 Javascript
javascript模拟实现C# String.format函数功能代码
2013/11/25 Javascript
ExtJS的拖拽效果示例
2013/12/09 Javascript
原生JS实现图片轮播效果
2016/12/26 Javascript
微信小程序实战之运维小项目
2017/01/17 Javascript
微信小程序 合法域名校验出错详解及解决办法
2017/03/09 Javascript
浅谈事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
2017/07/22 jQuery
Vue中的基础过渡动画及实现原理解析
2018/12/04 Javascript
微信小程序 wepy框架与iview-weapp的用法详解
2019/04/10 Javascript
利用Vue-draggable组件实现Vue项目中表格内容的拖拽排序
2019/06/07 Javascript
vue组件传值的实现方式小结【三种方式】
2020/02/05 Javascript
webpack中的模式(mode)使用详解
2020/02/20 Javascript
[01:51]历届DOTA2国际邀请赛举办地回顾 TI9落地上海
2018/08/26 DOTA
python获得一个月有多少天的方法
2015/06/04 Python
Python使用面向对象方式创建线程实现12306售票系统
2015/12/24 Python
python的set处理二维数组转一维数组的方法示例
2019/05/31 Python
python打印直角三角形与等腰三角形实例代码
2019/10/20 Python
PyTorch加载预训练模型实例(pretrained)
2020/01/17 Python
OpenCV+python实现膨胀和腐蚀的示例
2020/12/21 Python
雅诗兰黛旗下走天然植物路线的彩妆品牌:Prescriptives
2016/08/14 全球购物
类的返射机制中的包及核心类
2016/09/12 面试题
讲文明树新风公益广告宣传方案
2014/02/25 职场文书
计算机网络及管理学专业求职信
2014/06/05 职场文书
行政专员岗位职责范本
2014/08/26 职场文书
地球物理学专业推荐信
2014/09/08 职场文书
个人股份转让协议书范本
2014/10/26 职场文书
2015感人爱情寄语
2015/02/26 职场文书
学校食堂食品安全承诺书
2015/04/29 职场文书
2015年为民办实事工作总结
2015/05/26 职场文书
python制作图形界面的2048游戏, 基于tkinter
2021/04/06 Python
Python中os模块的简单使用及重命名操作
2021/04/17 Python