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取得html iframe中的元素和变量值
Jun 30 Javascript
Jquery搜索父元素操作方法
Feb 10 Javascript
jQuery左右滚动支持图片放大缩略图图片轮播代码分享
Aug 26 Javascript
jquery ajax双击div可直接修改div中的内容
Mar 04 Javascript
Javascript 基础---Ajax入门必看
Jul 06 Javascript
bootstrap vue.js实现tab效果
Feb 07 Javascript
帝国cms首页列表页实现点赞功能
Oct 30 Javascript
浅谈用Webpack路径压缩图片上传尺寸获取的问题
Feb 22 Javascript
微信小程序使用车牌号输入法的示例代码
Aug 20 Javascript
iview form清除校验状态的实现
Sep 19 Javascript
vue下canvas裁剪图片实例讲解
Apr 16 Javascript
深入了解Vue3模板编译原理
Nov 19 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
php5.4以下版本json不支持不转义内容中文的解决方法
2015/01/13 PHP
PHP实现创建一个RPC服务操作示例
2020/02/23 PHP
brook javascript框架介绍
2011/10/10 Javascript
深入理解JavaScript系列(16) 闭包(Closures)
2012/04/12 Javascript
JavaScript实现自己的DOM选择器原理及代码
2013/03/04 Javascript
表格奇偶行设置不同颜色的核心JS代码
2013/12/24 Javascript
javascript获取浏览器类型和版本的方法(js获取浏览器版本)
2014/03/13 Javascript
完美兼容各大浏览器的jQuery插件实现图片切换特效
2014/12/12 Javascript
JavaScript中实现sprintf、printf函数
2015/01/27 Javascript
jQuery动画与特效详解
2015/02/01 Javascript
angularJS提交表单(form)
2015/02/09 Javascript
jQuery Validate初步体验(二)
2015/12/12 Javascript
json对象与数组以及转换成js对象的简单实现方法
2016/06/24 Javascript
jquery+CSS3实现3D拖拽相册效果
2016/07/18 Javascript
vue.js中Vue-router 2.0基础实践教程
2017/05/08 Javascript
Node.js  REPL (交互式解释器)实例详解
2017/08/06 Javascript
在Node.js下运用MQTT协议实现即时通讯及离线推送的方法
2019/01/24 Javascript
前端js中的事件循环eventloop机制详解
2019/05/15 Javascript
JS面向对象之多选框实现
2020/01/17 Javascript
微信小程序实现多选框功能的实例代码
2020/06/24 Javascript
[31:33]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS DT 第一场
2014/05/23 DOTA
[53:10]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs VG 第一场
2018/04/11 DOTA
ubuntu环境下python虚拟环境的安装过程
2018/01/07 Python
Flask 让jsonify返回的json串支持中文显示的方法
2018/03/26 Python
Python合并多个Excel数据的方法
2018/07/16 Python
Python collections模块使用方法详解
2019/08/28 Python
python:解析requests返回的response(json格式)说明
2020/04/30 Python
用Python实现职工信息管理系统
2020/12/30 Python
详解canvas绘制多张图的排列顺序问题
2019/01/21 HTML / CSS
韩国三大免税店之一:THE GRAND 中文免税店
2016/07/21 全球购物
亚洲最大旅游体验平台:KKday
2017/10/21 全球购物
报告会主持词
2014/04/02 职场文书
小学运动会开幕词
2016/03/04 职场文书
SQL SERVER中常用日期函数的具体使用
2021/04/08 SQL Server
JavaScript流程控制(分支)
2021/12/06 Javascript
Win11安全功能升级:内置防网络钓鱼功能
2022/04/08 数码科技