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 相关文章推荐
ie 调试javascript的工具
Apr 29 Javascript
JS弹出窗口代码大全(详细整理)
Dec 21 Javascript
jquery打开直接跳到网页最下面、最低端实现代码
Apr 22 Javascript
javascript关于继承的用法汇总
Dec 20 Javascript
JavaScript实现的简单幂函数实例
Apr 17 Javascript
JavaScript中removeChild 方法开发示例代码
Aug 15 Javascript
基于JS实现的随机数字抽签实例
Dec 08 Javascript
js实现上下左右弹框划出效果
Mar 08 Javascript
在百度搜索结果中去除掉一些网站的资料(通过js控制不让显示)
May 02 Javascript
详解Js中的模块化是如何实现的
Oct 18 Javascript
mpvue+vuex搭建小程序详细教程(完整步骤)
Sep 30 Javascript
webpack中如何使用雪碧图的示例代码
Nov 11 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
通过html表格发电子邮件
2006/10/09 PHP
单一index.php实现PHP任意层级文件夹遍历(Zjmainstay原创)
2012/07/31 PHP
php判断类是否存在函数class_exists用法分析
2014/11/14 PHP
Codeigniter的dom类用法实例
2015/06/26 PHP
php生成带logo二维码方法小结
2016/04/08 PHP
Laravel 模型关联基础教程详解
2019/09/17 PHP
使用dynatrace-ajax跟踪JavaScript的性能
2010/04/12 Javascript
JQuery动态创建DOM、表单元素的实现代码
2011/08/09 Javascript
批量实现面向对象的实例代码
2013/07/01 Javascript
Jquery右下角抖动、浮动 实例代码(兼容ie6、FF)
2013/08/15 Javascript
javascript中通过arguments参数伪装方法重载
2014/10/08 Javascript
详谈nodejs异步编程
2014/12/04 NodeJs
node.js Sequelize实现单实例字段或批量自增、自减
2016/12/08 Javascript
Kotlin学习第一步 kotlin语法特性
2017/05/25 Javascript
Angularjs修改密码的实例代码
2017/05/26 Javascript
详解ES6之async+await 同步/异步方案
2017/09/19 Javascript
微信小程序实现的picker多级联动功能示例
2019/05/23 Javascript
python条件和循环的使用方法
2013/11/01 Python
Python实现3行代码解简单的一元一次方程
2014/08/18 Python
在Python的web框架中中编写日志列表的教程
2015/04/30 Python
apache部署python程序出现503错误的解决方法
2017/07/24 Python
Python单体模式的几种常见实现方法详解
2017/07/28 Python
Python三级菜单的实例
2017/09/13 Python
Python利用openpyxl库遍历Sheet的实例
2018/05/03 Python
Python一个简单的通信程序(客户端 服务器)
2019/03/06 Python
python 默认参数相关知识详解
2019/09/18 Python
pyftplib中文乱码问题解决方案
2020/01/11 Python
施华洛世奇加拿大官网:SWAROVSKI加拿大
2018/06/03 全球购物
创造美妙香氛体验:Aera扩散器和香水
2018/11/25 全球购物
shell的种类有哪些
2015/04/15 面试题
煤矿安全承诺书
2014/05/22 职场文书
七一党日活动总结
2014/07/08 职场文书
领导参观欢迎词
2015/01/26 职场文书
小学生光盘行动倡议书
2015/04/28 职场文书
2016年“世界环境日”校园广播稿
2015/12/18 职场文书
python入门学习关于for else的特殊特性讲解
2021/11/20 Python