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 相关文章推荐
Jquery拖拽并简单保存的实现代码
Nov 28 Javascript
JS实现根据出生年月计算年龄
Jan 10 Javascript
JS逆序遍历实现代码
Dec 02 Javascript
AngularJS控制器继承自另一控制器
May 09 Javascript
基于angularJS的表单验证指令介绍
Oct 21 Javascript
JavaScript递归操作实例浅析
Oct 31 Javascript
JS 拦截全局ajax请求实例解析
Nov 29 Javascript
解决URL地址中的中文乱码问题的办法
Feb 10 Javascript
微信小程序内拖动图片实现移动、放大、旋转的方法
Sep 04 Javascript
vue源码中的检测方法的实现
Sep 26 Javascript
Vue 技巧之控制父类的 slot
Feb 24 Javascript
基于JavaScript实现表格隔行换色
May 08 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 isset()与empty()的使用区别详解
2010/08/29 PHP
PHP简单选择排序算法实例
2015/01/26 PHP
php实现encode64编码类实例
2015/03/24 PHP
curl 出现错误的调试方法(必看)
2017/02/13 PHP
CSS心形加载的动画源码的实现
2021/03/09 HTML / CSS
javascript中巧用“闭包”实现程序的暂停执行功能
2007/04/04 Javascript
jquery交替变换颜色的三种方法 实例代码
2013/11/19 Javascript
jQuery简易图片放大特效示例代码
2014/06/09 Javascript
jQuery实现将页面上HTML标签换成另外标签的方法
2015/06/09 Javascript
JS实现自动变换的菜单效果代码
2015/09/09 Javascript
第三篇Bootstrap网格基础
2016/06/21 Javascript
JS中的hasOwnProperty()、propertyIsEnumerable()和isPrototypeOf()
2016/08/11 Javascript
JS实现的图片预览插件与用法示例【不上传图片】
2016/11/25 Javascript
浅析vue数据绑定
2017/01/17 Javascript
解决VUEX刷新的时候出现数据消失
2017/07/03 Javascript
学习Vue组件实例
2018/04/28 Javascript
React 项目迁移 Webpack Babel7的实现
2018/09/12 Javascript
微信小程序实现折线图的示例代码
2019/06/07 Javascript
echarts大屏字体自适应的方法步骤
2019/07/12 Javascript
vue+webpack dev本地调试全局样式引用失效的解决方案
2019/11/12 Javascript
微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示功能的实现
2020/07/22 Javascript
Vue Element校验validate的实例
2020/09/21 Javascript
Python算法应用实战之队列详解
2017/02/04 Python
python3爬取各类天气信息
2018/02/24 Python
Python中面向对象你应该知道的一下知识
2019/07/10 Python
python3多线程知识点总结
2019/09/26 Python
美国大城市最热门旅游景点门票:CityPASS
2016/12/16 全球购物
Antler英国官网:购买安特丽行李箱、拉杆箱
2019/08/25 全球购物
英国领先的独立酒精饮料零售商:DrinkSupermarket
2021/01/13 全球购物
Sisley法国希思黎美国官方网站:享誉全球的奢华植物美容品牌
2020/06/27 全球购物
大二学生学习个人自我评价
2014/01/19 职场文书
电子商务助理求职自荐信
2014/04/10 职场文书
党的群众路线对照检查材料(个人)
2014/09/24 职场文书
天鹅湖观后感
2015/06/09 职场文书
2016年庆祝六一儿童节活动总结
2016/04/06 职场文书
python简单验证码识别的实现过程
2021/06/20 Python