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 Ajax.ashx 高效分页实现代码
Oct 20 Javascript
JavaScript中的几个关键概念的理解-原型链的构建
May 12 Javascript
由JavaScript中call()方法引发的对面向对象继承机制call的思考
Sep 12 Javascript
解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法
Nov 14 Javascript
用box固定长宽实现图片自动轮播js代码
Jun 09 Javascript
Node.js开发之访问Redis数据库教程
Jan 14 Javascript
Javascript基础教程之数据类型 (字符串 String)
Jan 18 Javascript
jQuery实现点击小图显示大图代码分享
Aug 25 Javascript
js关于getImageData跨域问题的解决方法
Oct 14 Javascript
Angular2实现自定义双向绑定属性
Mar 22 Javascript
微信小程序之裁剪图片成圆形的实现代码
Oct 11 Javascript
微信小程序获取复选框全选反选选中的值(实例代码)
Dec 17 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 md5下16位和32位的实现代码
2008/04/09 PHP
我的php学习笔记(毕业设计)
2012/02/21 PHP
PHP判断文件是否存在、是否可读、目录是否存在的代码
2012/10/03 PHP
PHP 基于Yii框架中使用smarty模板的方法详解
2013/06/13 PHP
php数组操作之键名比较与差集、交集赋值的方法
2014/11/10 PHP
在WordPress的文章编辑器中设置默认内容的方法
2015/12/29 PHP
仅用[]()+!等符号就足以实现几乎任意Javascript代码
2010/03/01 Javascript
jquery对表单操作2
2011/04/06 Javascript
javascript分页代码(当前页码居中)
2012/09/20 Javascript
js实现的标题栏新消息闪烁提示效果
2014/06/06 Javascript
javascript中setTimeout和setInterval的unref()和ref()用法示例
2014/11/26 Javascript
jQuery中的jQuery()方法用法分析
2014/12/27 Javascript
AngularJS 中的Promise --- $q服务详解
2016/09/14 Javascript
jQuery实现导航滚动到指定内容效果完整实例【附demo源码下载】
2016/09/20 Javascript
详解jQuery的Cookie插件
2016/11/23 Javascript
修改Nodejs内置的npm默认配置路径方法
2018/05/13 NodeJs
Vue cli构建及项目打包以及出现的问题解决
2018/08/27 Javascript
jQuery内容选择器与表单选择器实例分析
2019/06/28 jQuery
AutoJs实现刷宝短视频的思路详解
2020/05/22 Javascript
vue.js实现简单购物车功能
2020/05/30 Javascript
Vue+Element自定义纵向表格表头教程
2020/10/26 Javascript
[02:10]探秘浦东源深体育馆 DOTA2 Supermajor不见不散
2018/05/17 DOTA
python sort、sorted高级排序技巧
2014/11/21 Python
Python实现公历(阳历)转农历(阴历)的方法示例
2017/08/22 Python
django中静态文件配置static的方法
2018/05/20 Python
Python3 实现文件批量重命名示例代码
2019/06/03 Python
Python使用pickle进行序列化和反序列化的示例代码
2020/09/22 Python
详解python爬取弹幕与数据分析
2020/11/14 Python
css3实现二维码扫描特效的示例
2020/10/29 HTML / CSS
竞选班委演讲稿
2014/04/28 职场文书
入党积极分子十八届四中全会思想汇报
2014/10/23 职场文书
幼儿园感恩节活动总结
2015/03/24 职场文书
美容院员工规章制度
2015/08/05 职场文书
浅谈Nginx 中的两种限流方式
2021/03/31 Servers
Android自定义scrollview实现回弹效果
2022/04/01 Java/Android
PHP正则表达式之RCEService回溯
2022/04/11 PHP