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+XMLHttpRequest+asp.net无刷新读取数据库数据
Aug 09 Javascript
禁止js文件缓存的代码
Apr 09 Javascript
IE6/7/8/9不支持exec的简写方式
May 25 Javascript
js实现无需数据库的县级以上联动行政区域下拉控件
Aug 14 Javascript
node.js中的console.timeEnd方法使用说明
Dec 09 Javascript
分类解析jQuery选择器
Nov 23 Javascript
JavaScript实现星级评分
Jan 12 Javascript
jQuery之动画ajax事件(实例讲解)
Jul 18 jQuery
vue中动态绑定表单元素的属性方法
Feb 23 Javascript
微信小程序模拟cookie的实现
Jun 20 Javascript
详解vue-cli中使用rem,vue自适应
May 06 Javascript
在Vue中创建可重用的 Transition的方法
Jun 02 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连接Oracle for NT 远程数据库
2006/10/09 PHP
PHP获取二维数组中某一列的值集合
2015/12/25 PHP
Yii中Model(模型)的创建及使用方法
2015/12/28 PHP
php远程下载类分享
2016/04/13 PHP
简单谈谈 php 文件锁
2017/02/19 PHP
php+redis消息队列实现抢购功能
2018/02/08 PHP
javascript简单实现表格行间隔显示颜色并高亮显示
2013/11/29 Javascript
利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域
2013/12/14 Javascript
jfinal与bootstrap的登录跳转实战演习
2015/09/22 Javascript
javascript实现不同颜色Tab标签切换效果
2016/04/27 Javascript
深入浅析JS的数组遍历方法(推荐)
2016/06/15 Javascript
JS中用childNodes获取子元素换行会产生一个子元素
2016/12/08 Javascript
JavaScript Base64 作为文件上传的实例代码解析
2017/02/14 Javascript
jQuery用户头像裁剪插件cropbox.js使用详解
2017/06/07 jQuery
从对象列表中获取一个对象的方法,依据关键字和值
2017/09/20 Javascript
深入掌握 react的 setState的工作机制
2017/09/27 Javascript
JS实现带动画的回到顶部效果
2017/12/28 Javascript
JS动态显示倒计时效果
2019/12/12 Javascript
js实现上传图片并显示图片名称
2019/12/18 Javascript
vue-resourc发起异步请求的方法
2020/02/11 Javascript
[01:38]DOTA2第二届亚洲邀请赛中国区预选赛出线战队晋级之路
2017/01/17 DOTA
[03:15]DOTA2-DPC中国联赛1月22日Recap集锦
2021/03/11 DOTA
Python中optionParser模块的使用方法实例教程
2014/08/29 Python
Python最基本的数据类型以及对元组的介绍
2015/04/14 Python
python引用DLL文件的方法
2015/05/11 Python
rabbitmq(中间消息代理)在python中的使用详解
2017/12/14 Python
使用PM2+nginx部署python项目的方法示例
2018/11/07 Python
python实现石头剪刀布小游戏
2021/01/20 Python
深度学习入门之Pytorch 数据增强的实现
2020/02/26 Python
使用HTML5拍照示例代码
2013/08/06 HTML / CSS
希尔顿酒店官方网站:Hilton Hotels
2017/06/01 全球购物
美国羽绒床上用品第一品牌:Pacific Coast
2018/08/25 全球购物
爱情保证书大全
2014/04/29 职场文书
创卫工作总结2015
2015/04/22 职场文书
浅谈tf.train.Saver()与tf.train.import_meta_graph的要点
2021/05/26 Python
Python如何快速找到多个字典中的公共键(key)
2022/04/29 Python