编程 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 相关文章推荐

用js实现的自定义的对话框的实现代码

Mar 21 Javascript

c#和Javascript操作同一json对象的实现代码

Jan 17 Javascript

JSON.stringify 语法实例讲解

Mar 14 Javascript

复选框全选与全不选操作实现思路

Aug 18 Javascript

ZeroClipboard插件实现多浏览器复制功能(支持firefox、chrome、ie6)

Aug 30 Javascript

jQuery中:gt选择器用法实例

Dec 29 Javascript

AngularJS+Node.js实现在线聊天室

Aug 28 Javascript

jQuery Mobile 和 Kendo UI 的比较

May 05 Javascript

ionic js 复选框与普通的 HTML 复选框到底有没区别

Jun 06 Javascript

关于jquery layui弹出层的使用方法

Apr 21 jQuery

Vue 后台管理类项目兼容IE9+的方法示例

Feb 20 Javascript

深入了解Vue动态组件和异步组件

Jan 26 Vue.js

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