JavaScript link方法入门实例(给字符串加上超链接)


Posted in Javascript onOctober 17, 2014

link 方法返回使用 HTML a 标签属性定义的(斜体)字符串。其语法如下:

str_object.link( url )

参数说明:

参数 说明
str_object 要操作的字符串(对象)
url 必需。字符串要链接的 URL 地址,完整格式。

提示:该方法不符合 ECMA 标准,不建议使用。

link 方法实例

<script language="JavaScript">

var str = "3water.com";

document.write( str.link( "https://3water.com" ) );

</script>

运行该例子,输出:

3water.com

提示:该方法返回使用 HTML a 标签定义的超链接字符串,即使用该方法并不能直接将字符串变更为超链接字符串。如果想动态改变元素字体为超链接字符串,可参考下面的实例对 link 方法进行扩展:

改变页面元素字体为超链接

<html>
<script language="JavaScript">
function addUrl( obj ){

    obj.innerHTML = obj.innerHTML.link( "https://3water.com" );

}
</script>
<body>

<p ondblclick="addUrl(this);">

3water.com

</p>

</body>

</html>

在该例子中,用鼠标双击字符串 3water.com 即可将该字串加上超链接。

Javascript 相关文章推荐
jQuery 判断元素上是否绑定了事件
Oct 28 Javascript
JavaScript匿名函数与委托使用示例
Jul 22 Javascript
js图片实时加载提供网页打开速度
Sep 11 Javascript
基于jquery实现发送文章到手机的代码
Dec 26 Javascript
JavaScript中的变量定义与储存介绍
Dec 31 Javascript
JavaScript中的Math.E属性使用详解
Jun 12 Javascript
全面解析多种Bootstrap图片轮播效果
May 27 Javascript
JQ选择器_选择同类元素的第N个子元素的实现方法
Sep 08 Javascript
JavaScript获取select中text值的方法
Feb 13 Javascript
JS仿淘宝搜索框用户输入事件的实现
Jun 19 Javascript
vue多个元素的样式选择器问题
Nov 29 Javascript
详解微信小程序之提高应用速度小技巧
Jan 07 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
JavaScript charCodeAt方法入门实例(用于取得指定位置字符的Unicode编码)
Oct 17 #Javascript
You might like
Yii 2中的load()和save()示例详解
2017/08/03 PHP
php中html_entity_decode实现HTML实体转义
2018/06/13 PHP
TP(thinkPHP)框架多层控制器和多级控制器的使用示例
2018/06/13 PHP
浅析php如何实现爬取数据原理
2018/09/27 PHP
laravel-admin解决表单select联动时,编辑默认没选上的问题
2019/09/30 PHP
利用javascript中的call实现继承
2007/01/22 Javascript
top.location.href 没有权限 解决方法
2008/08/05 Javascript
javascript call方法使用说明
2010/01/11 Javascript
javascript与CSS复习(三)
2010/06/29 Javascript
了解一点js的Eval函数
2012/07/26 Javascript
Yii-自定义删除确认弹框(zyd)jquery实现代码
2013/03/04 Javascript
JS 获取浏览器和屏幕宽高等信息的实现思路及代码
2013/07/31 Javascript
实例分析javascript中的call()和apply()方法
2014/11/28 Javascript
Js实现自定义右键行为
2015/03/26 Javascript
IE8下jQuery改变png图片透明度时出现的黑边
2015/08/30 Javascript
JavaScript模拟push
2016/03/06 Javascript
Angular2 路由问题修复详解
2017/03/01 Javascript
JS去掉字符串中所有的逗号
2017/10/18 Javascript
nodejs npm错误Error:UNKNOWN:unknown error,mkdir 'D:\Develop\nodejs\node_global'at Error
2019/03/02 NodeJs
通过说明与示例了解js五种设计模式
2019/06/17 Javascript
Nodejs封装类似express框架的路由实例详解
2020/01/05 NodeJs
[22:20]初生之犊-TI4第5名LGD战队纪录片
2014/08/13 DOTA
python中pika模块问题的深入探究
2018/10/13 Python
python3中替换python2中cmp函数的实现
2019/08/20 Python
Python Excel vlookup函数实现过程解析
2020/06/22 Python
迟到检讨书400字
2014/01/13 职场文书
信息专业学生学习的自我评价
2014/02/17 职场文书
国贸专业自荐信范文
2014/03/02 职场文书
舞蹈专业求职信
2014/06/13 职场文书
离婚协议书范本(2014版)
2014/09/28 职场文书
个人投资合作协议书
2014/10/12 职场文书
物资采购管理制度
2015/08/06 职场文书
2019年公司卫生管理制度样本
2019/08/21 职场文书
最新农村养殖致富:资金投入较低的创业项目有哪些?
2019/09/26 职场文书
经典格言警句:没有热忱,世间便无进步
2019/11/13 职场文书
react中useState使用:如何实现在当前表格直接更改数据
2022/08/05 Javascript