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实现读取txt文档的脚本
Jul 20 Javascript
深入理解Javascript动态方法调用与参数修改的问题
Dec 10 Javascript
解决jQuery动态获取手机屏幕高和宽的问题
May 07 Javascript
jQuery的ready方法详解
Nov 27 Javascript
使用 TypeScript 重新编写的 JavaScript 坦克大战游戏代码
Apr 07 Javascript
JavaScript中操作字符串小结
May 04 Javascript
360提示[高危]使用存在漏洞的JQuery版本的解决方法
Oct 27 jQuery
浅谈node.js 命令行工具(cli)
May 10 Javascript
简述pm2常用命令集合及配置文件说明
May 30 Javascript
javascript实现前端input密码输入强度验证
Jun 24 Javascript
解决Vue-Router升级导致的Uncaught (in promise)问题
Aug 07 Javascript
vue-cli中实现响应式布局的方法
Mar 02 Vue.js
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自动识别字符集并完成转码详解
2013/08/02 PHP
对JavaScript的eval()中使用函数的进一步讨论
2008/07/26 Javascript
判断控件是否已加载完成的代码
2010/02/24 Javascript
JavaScript的Module模式编程深入分析
2013/08/13 Javascript
js判断页面中是否有指定控件的简单实例
2014/03/04 Javascript
jquery中show()、hide()和toggle()用法实例
2015/01/15 Javascript
浅谈javascript的调试
2015/01/28 Javascript
分享有关jQuery中animate、slide、fade等动画的连续触发、滞后反复执行的bug
2016/01/10 Javascript
无需 Flash 使用 jQuery 复制文字到剪贴板
2016/04/26 Javascript
老生常谈javascript中逻辑运算符&amp;&amp;和||的返回值问题
2017/04/13 Javascript
Vue中的ref作用详解(实现DOM的联动操作)
2017/08/21 Javascript
vue router仿天猫底部导航栏功能
2017/10/18 Javascript
Vue引入jquery实现平滑滚动到指定位置
2018/05/09 jQuery
Vue中的字符串模板的使用
2018/05/17 Javascript
vue2.0实现的tab标签切换效果(内容可自定义)示例
2019/02/11 Javascript
Vue项目部署的实现(阿里云+Nginx代理+PM2)
2019/03/26 Javascript
[46:02]DOTA2上海特级锦标赛D组资格赛#2 Liquid VS VP第二局
2016/02/28 DOTA
简单介绍使用Python解析并修改XML文档的方法
2015/10/15 Python
对Python多线程读写文件加锁的实例详解
2019/01/14 Python
python实现爬山算法的思路详解
2019/04/09 Python
关于Python核心框架tornado的异步协程的2种方法详解
2019/08/28 Python
DataFrame.to_excel多次写入不同Sheet的实例
2019/12/02 Python
Python 实现顺序高斯消元法示例
2019/12/09 Python
Python:type、object、class与内置类型实例
2019/12/25 Python
Python如何测试stdout输出
2020/08/10 Python
python 实时调取摄像头的示例代码
2020/11/25 Python
检测用户浏览器是否支持CSS3的方法
2009/08/29 HTML / CSS
使用CSS3的box-sizing属性解决div宽高被内边距撑开的问题
2016/06/28 HTML / CSS
html5 datalist标签使用示例(自动完成组件)
2014/05/04 HTML / CSS
实例教程 利用html5和css3打造一款创意404页面
2014/10/20 HTML / CSS
KIKO MILANO西班牙官网:意大利领先的化妆品和护肤品品牌
2019/05/03 全球购物
KENZO官网:高田贤三在法国创立的品牌
2019/05/16 全球购物
现在输入n个数字,以逗号,分开;然后可选择升或者降序排序;按提交键就在另一页面显示按什么排序,结果为,提供reset
2012/11/09 面试题
小区门卫工作职责
2013/12/14 职场文书
2014年重阳节老干部座谈会上的讲话稿
2014/09/25 职场文书
详解JavaScript的计时器和按钮效果设置
2022/02/18 Javascript