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 相关文章推荐
js cookies实现简单统计访问次数
Nov 24 Javascript
firefox下frameset取不到值的解决方法
Sep 06 Javascript
js 一个关于图片onload加载的事
Nov 10 Javascript
jquery trigger伪造a标签的click事件取代window.open方法
Jun 23 Javascript
jQuery中scrollTop()方法用法实例
Jan 16 Javascript
JS基于clipBoard.js插件实现剪切、复制、粘贴
May 03 Javascript
js实现带农历和八字等信息的日历特效
May 16 Javascript
jQuery 3.0十大新特性最终版发布
Jul 14 Javascript
jQuery将表单序列化成一个Object对象的实例
Nov 29 Javascript
webpack的CSS加载器的使用
Sep 11 Javascript
微信小程序自定义键盘 内部虚拟支付
Dec 20 Javascript
使用JS实现鼠标放上图片进行放大离开实现缩小功能
Jan 27 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
PHP 修复未正常关闭的HTML标签实现代码(支持嵌套和就近闭合)
2012/06/07 PHP
关于PHP结束标签的使用细节探讨及联想
2013/03/04 PHP
解析PHP中一些可能会被忽略的问题
2013/06/21 PHP
PHP中抽象类、接口的区别与选择分析
2016/03/29 PHP
js中将字符串转换成json的三种方式
2011/01/12 Javascript
ASP.NET jQuery 实例7 通过jQuery来获取DropDownList的Text/Value属性值
2012/02/03 Javascript
Ext修改GridPanel数据和字体颜色、css属性等
2014/06/13 Javascript
js简单设置与使用cookie的方法
2016/01/22 Javascript
AngularJS压缩JS技巧分析
2016/11/08 Javascript
jQuery使用JSONP实现跨域获取数据的三种方法详解
2017/05/04 jQuery
Easyui使用Dialog行内按钮布局的实例
2017/07/27 Javascript
VUE 实现复制内容到剪贴板的两种方法
2019/04/24 Javascript
微信小程序云开发之数据库操作
2019/05/18 Javascript
浅谈vue中document.getElementById()拿到的是原值的问题
2020/07/26 Javascript
Vue + Element-ui的下拉框el-select获取额外参数详解
2020/08/14 Javascript
JavaScript 中判断变量是否为数字的示例代码
2020/10/22 Javascript
ES6 十大特性简介
2020/12/09 Javascript
跟老齐学Python之总结参数的传递
2014/10/10 Python
Python基类函数的重载与调用实例分析
2015/01/12 Python
Numpy之将矩阵拉成向量的实例
2019/11/30 Python
Pytest mark使用实例及原理解析
2020/02/22 Python
利用4行Python代码监测每一行程序的运行时间和空间消耗
2020/04/22 Python
美体小铺瑞典官方网站:The Body Shop瑞典
2018/01/27 全球购物
Piercing Pagoda官网:耳环、戒指、项链、手链等
2020/09/28 全球购物
前台接待的工作职责
2013/11/21 职场文书
酒店员工职业生涯规划
2014/02/25 职场文书
教育实践活动对照检查材料
2014/09/23 职场文书
正风肃纪剖析材料范文
2014/10/10 职场文书
介绍信格式
2015/01/30 职场文书
3.15消费者权益日活动总结
2015/02/09 职场文书
小区环境卫生倡议书
2015/04/29 职场文书
怎样写好演讲稿题目?
2019/08/21 职场文书
简述Java中throw-throws异常抛出
2021/08/07 Java/Android
Python面向对象编程之类的概念
2021/11/01 Python
“鬼灭之刃”热度不减,其成功背后的原因是什么?
2022/03/22 日漫
Android Flutter实现图片滑动切换效果
2022/04/07 Java/Android