编程 Javascript

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 link方法入门实例（给字符串加上超链接）

- Author -

junjie

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

通过ifame指向的页面高度调整iframe的高度

Oct 05 Javascript

原始XMLHttpRequest方法详情回顾

Nov 28 Javascript

使用documentElement正确取得当前可见区域的大小

Jul 25 Javascript

js使用post 方式打开新窗口

Feb 26 Javascript

浅谈React 属性和状态的一些总结

Nov 21 Javascript

利用Query+bootstrap和js两种方式实现日期选择器

Jan 10 Javascript

JavaScript解析JSON格式数据的方法示例

Jan 24 Javascript

Bootstrap开发中Tab标签页切换图表显示问题的解决方法

Jul 13 Javascript

React性能优化系列之减少props改变的实现方法

Jan 17 Javascript

vue组件间的参数传递实例详解

Apr 26 Javascript

Vue keepAlive 数据缓存工具实现返回上一个页面浏览的位置

May 10 Javascript

使vue实现jQuery调用的两种方法

May 12 jQuery

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