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 zTree异步加载简单实例分享
Feb 05 Javascript
JS中令人发指的valueOf方法介绍
Feb 22 Javascript
JavaScript中switch判断容易犯错的一个细节
Aug 27 Javascript
jquery队列函数用法实例
Dec 16 Javascript
如何防止JavaScript自动插入分号
Nov 05 Javascript
jQuery中设置form表单中action值的实现方法
May 25 Javascript
最实用的jQuery分页插件
Oct 09 Javascript
JQueryEasyUI框架下的combobox的取值和绑定的方法
Jan 22 Javascript
微信小程序视图template模板引用的实例详解
Sep 20 Javascript
基于vue2.0实现简单轮播图
Nov 27 Javascript
简单明了区分escape、encodeURI和encodeURIComponent
May 26 Javascript
Vuejs通过拖动改变元素宽度实现自适应
Sep 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实现与ASP Banner组件相似的类
2006/10/09 PHP
生成卡号php代码
2008/04/09 PHP
php从数据库查询结果生成树形列表的方法
2015/04/17 PHP
PHP实现操作redis的封装类完整实例
2015/11/14 PHP
PHP中的表达式简述
2016/05/29 PHP
PHP 表单提交及处理表单数据详解及实例
2016/12/27 PHP
ECMAScript 创建自己的js类库
2012/11/22 Javascript
jquery内置验证(validate)使用方法示例(表单验证)
2013/12/04 Javascript
JavaScript动态设置div的样式的方法
2015/12/26 Javascript
JavaScript常用字符串与数组扩展函数小结
2016/04/24 Javascript
怎么限制input的text里输入的值只能是数字(正则、js)
2016/05/16 Javascript
assert()函数用法总结(推荐)
2017/01/25 Javascript
js实现从左向右滑动式轮播图效果
2017/07/07 Javascript
Angular.js前台传list数组由后台spring MVC接收数组示例代码
2017/07/31 Javascript
webpack 2.x配置reactjs基本开发环境详解
2017/08/08 Javascript
解决vue打包 npm run build-test突然不动了的问题
2020/11/13 Javascript
利用Python3分析sitemap.xml并抓取导出全站链接详解
2017/07/04 Python
在Python中执行系统命令的方法示例详解
2017/09/14 Python
对python for 文件指定行读写操作详解
2018/12/29 Python
django基于restframework的CBV封装详解
2019/08/08 Python
Django和Flask框架优缺点对比
2019/10/24 Python
Python-openCV读RGB通道图实例
2020/01/17 Python
Python爬取新型冠状病毒“谣言”新闻进行数据分析
2020/02/16 Python
使用pygame编写Flappy bird小游戏
2020/03/14 Python
Keras—embedding嵌入层的用法详解
2020/06/10 Python
浅谈matplotlib 绘制梯度下降求解过程
2020/07/12 Python
基于Python编写一个计算器程序,实现简单的加减乘除和取余二元运算
2020/08/05 Python
HTML5几个设计和修改的页面范例分享
2015/09/29 HTML / CSS
英国现代绅士品牌:Hackett
2017/12/17 全球购物
启动一个线程是用run()还是start()
2016/12/25 面试题
社区义诊活动总结
2014/04/30 职场文书
学校党委副书记个人对照检查材料思想汇报
2014/09/28 职场文书
防灾减灾标语
2014/10/07 职场文书
2016年“9.22”世界无车日活动小结
2016/04/05 职场文书
关于springboot 配置date字段返回时间戳的问题
2021/07/25 Java/Android
服务器nginx权限被拒绝解决案例
2022/09/23 Servers