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实现等比例缩放图片效果插件
Jul 24 Javascript
js禁止页面使用右键(简单示例代码)
Nov 13 Javascript
JavaScript动态操作表格实例(添加,删除行,列及单元格)
Nov 25 Javascript
JS实现的Select三级下拉菜单代码
Aug 20 Javascript
AngualrJS中的Directive制作一个菜单
Jan 26 Javascript
使用Webpack提高Vue.js应用的方式汇总(四种)
Jul 10 Javascript
react中fetch之cors跨域请求的实现方法
Mar 14 Javascript
iview中Select 选择器多选校验方法
Mar 15 Javascript
为vue-router懒加载时下载js的过程中添加loading提示避免无响应问题
Apr 03 Javascript
微信小程序使用字体图标的方法
May 23 Javascript
JavaScript多种图形实现代码实例
Jun 28 Javascript
uniapp,微信小程序中使用 MQTT的问题
Jul 11 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
备份mysql数据库的php代码(一个表一个文件)
2010/05/28 PHP
php 变量未定义等错误的解决方法
2011/01/12 PHP
php计算到指定日期还有多少天的方法
2015/04/14 PHP
php实现统计目录文件大小的函数
2015/12/25 PHP
PHP实现生成带背景的图形验证码功能
2016/10/03 PHP
繁简字转换功能
2006/07/19 Javascript
window.opener用法和用途实例介绍
2013/08/19 Javascript
一个jquery实现的不错的多行文字图片滚动效果
2014/09/28 Javascript
jquery中trigger()无法触发hover事件的解决方法
2015/05/07 Javascript
jQuery团购倒计时特效实现方法
2015/05/07 Javascript
jQuery轮播图效果精简版完整示例
2016/09/04 Javascript
AngularJS学习笔记(三)数据双向绑定的简单实例
2016/11/08 Javascript
浅谈Angular.js中使用$watch监听模型变化
2017/01/10 Javascript
原生js实现返回顶部缓冲效果
2017/01/18 Javascript
JS验证码实现代码
2017/09/14 Javascript
浅谈用Webpack路径压缩图片上传尺寸获取的问题
2018/02/22 Javascript
node.js利用socket.io实现多人在线匹配联机五子棋
2018/05/31 Javascript
JavaScript数组去重的几种方法
2019/04/07 Javascript
解析原来浏览器原生支持JS Base64编码解码
2019/08/12 Javascript
Python第三方库xlrd/xlwt的安装与读写Excel表格
2017/01/21 Python
pandas 数据实现行间计算的方法
2018/06/08 Python
python每天定时运行某程序代码
2019/08/16 Python
详解HTML5 window.postMessage与跨域
2017/05/11 HTML / CSS
美国知名的在线旅游服务网站:Priceline
2016/07/23 全球购物
软件生产职位结构化面试主要考察要素及面试题库
2015/06/12 面试题
医学生实习自荐信
2013/10/01 职场文书
学生会个人自荐书范文
2014/02/12 职场文书
仓库保管员岗位职责
2015/02/09 职场文书
廉洁自律个人总结
2015/02/14 职场文书
教育读书笔记
2015/07/02 职场文书
读完《骆驼祥子》的观后感!
2019/07/05 职场文书
PyQt5 QThread倒计时功能的实现代码
2021/04/02 Python
详解python的内存分配机制
2021/05/10 Python
利用Python判断你的密码难度等级
2021/06/02 Python
Python使用OpenCV实现虚拟缩放效果
2022/02/28 Python
react中useState使用:如何实现在当前表格直接更改数据
2022/08/05 Javascript