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 相关文章推荐
用YUI做了个标签浏览效果
Feb 20 Javascript
通过身份证号得到出生日期和性别的js代码
Nov 23 Javascript
基于jquery实现的表格分页实现代码
Jun 21 Javascript
对象转换为原始值的实现方法
Jun 06 Javascript
JS实现搜索框文字可删除功能
Dec 28 Javascript
简单实现jQuery级联菜单
Jan 09 Javascript
javaScript+turn.js实现图书翻页效果实例代码
Feb 16 Javascript
Mint-UI时间组件起始时间问题及时间插件使用
Aug 20 Javascript
微信小程序与后台PHP交互的方法实例分析
Dec 10 Javascript
django js 实现表格动态标序号的实例代码
Jul 12 Javascript
VSCode搭建React Native环境
May 07 Javascript
原生js实现无缝轮播图效果
Jan 28 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 攻击方法之谈php+mysql注射语句构造
2009/10/30 PHP
解析数组非数字键名引号的必要性
2013/08/09 PHP
Windows下安装PHP单元测试环境PHPUnit图文教程
2014/10/24 PHP
discuz图片顺序混乱解决方案
2015/07/29 PHP
最准确的php截取字符串长度函数
2015/10/29 PHP
PHP实现随机生成水印图片功能
2017/03/22 PHP
浅说js变量
2011/05/25 Javascript
jquery事件机制扩展插件 jquery鼠标右键事件
2011/12/21 Javascript
jQuery动态显示和隐藏datagrid中的某一列的方法
2013/12/11 Javascript
jQuery实现按钮只点击一次后就取消点击事件绑定的方法
2015/06/26 Javascript
JS基于cookie实现来宾统计记录访客信息的方法
2015/08/04 Javascript
NodeJs读取JSON文件格式化时的注意事项
2016/09/25 NodeJs
Bootstrap整体框架之JavaScript插件架构
2016/12/15 Javascript
微信小程序实现轮播图效果
2017/09/07 Javascript
JavaScript轮播停留效果的实现思路
2018/05/24 Javascript
微信小程序表单弹窗实例
2018/07/19 Javascript
在vue中实现点击选择框阻止弹出层消失的方法
2018/09/15 Javascript
微信小程序实现联动选择器
2019/02/15 Javascript
微信公众号开发之微信支付代码记录的实现
2019/10/16 Javascript
layui清除radio的选中状态实例
2019/11/14 Javascript
[01:50]《我与DAC》之玩家:iG夺冠时的那面红旗
2018/03/29 DOTA
为Python的Tornado框架配置使用Jinja2模板引擎的方法
2016/06/30 Python
python3实现表白神器
2019/04/09 Python
使用keras时input_shape的维度表示问题说明
2020/06/29 Python
使用npy转image图像并保存的实例
2020/07/01 Python
详解使用HTML5 Canvas创建动态粒子网格动画
2016/12/14 HTML / CSS
Julep官网:美容产品和指甲油
2017/02/25 全球购物
Groupon西班牙官方网站:在线优惠券和交易,节省高达70%
2021/03/13 全球购物
英语专业毕业个人求职自荐信
2013/09/21 职场文书
打架检讨书300字
2014/02/02 职场文书
我的梦想演讲稿
2014/04/30 职场文书
2014学生会工作总结报告
2014/12/02 职场文书
2014大学生学生会工作总结
2014/12/19 职场文书
Python基础学习之奇异的GUI对话框
2021/05/27 Python
mongoDB数据库索引快速入门指南
2022/03/23 MongoDB
Python中np.random.randint()参数详解及用法实例
2022/09/23 Python