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模拟弹出效果代码修正版
Aug 07 Javascript
jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例
Jun 14 Javascript
多种方法实现load加载完成后把图片一次性显示出来
Feb 19 Javascript
分享9个最好用的JavaScript开发工具和代码编辑器
Mar 24 Javascript
JS获取iframe中marginHeight和marginWidth属性的方法
Apr 01 Javascript
JavaScript实现控制打开文件另存为对话框的方法
Apr 17 Javascript
基于jQuery实现美观且实用的倒计时实例代码
Dec 30 Javascript
jQuery实现底部浮动窗口效果
Sep 07 Javascript
JS及JQuery对Html内容编码,Html转义
Feb 17 Javascript
jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法
May 08 jQuery
JS 设计模式之:工厂模式定义与实现方法浅析
May 06 Javascript
React自定义hook的方法
Jun 25 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中使用Curl、socket、file_get_contents三种方法POST提交数据
2011/08/12 PHP
CodeIgniter使用phpcms模板引擎
2013/11/12 PHP
用PHP生成excel文件到指定目录
2015/06/22 PHP
js CSS操作方法集合
2008/10/31 Javascript
Javascript中获取出错代码所在文件及行数的代码
2010/09/23 Javascript
jquery 获取表单元素里面的值示例代码
2013/07/28 Javascript
jQuery取得select选择的文本与值的示例
2013/12/09 Javascript
js实现select下拉框菜单
2015/12/08 Javascript
jQuery Validate表单验证插件实现代码
2017/06/08 jQuery
详解vue mixins和extends的巧妙用法
2017/12/20 Javascript
jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法
2018/03/28 jQuery
Auto.js自动收取自己和好友蚂蚁森林能量脚本
2018/06/28 Javascript
vue项目中添加单元测试的方法
2018/07/21 Javascript
vue动态设置img的src路径实例
2018/09/18 Javascript
JavaScript的级联函数用法简单示例【链式调用】
2019/03/26 Javascript
vue结合el-upload实现腾讯云视频上传功能
2020/07/01 Javascript
Python 可爱的大小写
2008/09/06 Python
python缩进区别分析
2014/02/15 Python
对python中array.sum(axis=?)的用法介绍
2018/06/28 Python
python游戏开发之视频转彩色字符动画
2019/04/26 Python
pyqt5 comboBox获得下标、文本和事件选中函数的方法
2019/06/14 Python
Python Charles抓包配置实现流程图解
2020/09/29 Python
CSS3实现div从下往上滑入滑出效果示例
2020/04/28 HTML / CSS
canvas画布实现手写签名效果的示例代码
2019/04/23 HTML / CSS
Html5元素及基本语法详解
2016/08/02 HTML / CSS
日本高岛屋百货购物网站:TAKASHIMAYA
2019/03/24 全球购物
Laura官网:加拿大女性的顶级时尚目的地
2019/09/20 全球购物
将相和教学反思
2014/02/04 职场文书
法律进机关实施方案
2014/03/12 职场文书
商超业务员岗位职责
2014/03/12 职场文书
拉拉队口号
2014/06/16 职场文书
法定代表人授权委托书范本
2014/10/07 职场文书
2015年学生管理工作总结
2015/05/26 职场文书
基于Redis实现分布式锁的方法(lua脚本版)
2021/05/12 Redis
浅谈redis整数集为什么不能降级
2021/07/25 Redis
宫崎骏十大动画电影,宫崎骏好看的动画电影排名
2022/03/22 日漫