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 相关文章推荐
理解 JavaScript 预解析
Oct 25 Javascript
jQuery 表格插件整理
Apr 27 Javascript
js Date概念详细介绍
Nov 22 Javascript
js数值计算时使用parseInt进行数据类型转换(jquery)
Oct 07 Javascript
javascript实现依次输入input自动定焦
Dec 23 Javascript
jQuery实现向下滑出的二级菜单效果实例
Aug 22 Javascript
Node.js操作Firebird数据库教程
Mar 04 Javascript
JavaScript中的事件委托及好处
Jul 12 Javascript
js模仿微信朋友圈计算时间显示几天/几小时/几分钟/几秒之前
Apr 27 Javascript
node实现的爬虫功能示例
May 04 Javascript
vue.js+element-ui动态配置菜单的实例
Sep 07 Javascript
JavaScript实现飞舞的泡泡效果
Feb 07 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
杏林同学录(五)
2006/10/09 PHP
PHP JS Ip地址及域名格式检测代码
2013/09/27 PHP
基于CI框架的微信网页授权库示例
2016/11/25 PHP
thinkphp5 加载静态资源路径与常量的方法
2017/12/24 PHP
基于jquery的图片的切换(以数字的形式)
2011/02/14 Javascript
网站基于flash实现的Banner图切换效果代码
2014/10/14 Javascript
nodejs教程之异步I/O
2014/11/21 NodeJs
jquery实现简单实用的弹出层效果代码
2015/10/15 Javascript
基于jQuery实现带动画效果超炫酷的弹出对话框(附源码下载)
2016/02/22 Javascript
微信小程序开发一键登录 获取session_key和openid实例
2016/11/23 Javascript
Bootstrap的class样式小结
2016/12/01 Javascript
解决OneThink中无法异步提交kindeditor文本框中修改后的内容方法
2017/05/05 Javascript
JavaScript中防止微信浏览器被整体拖动的方法
2017/08/25 Javascript
Nodejs中使用puppeteer控制浏览器中视频播放功能
2019/08/26 NodeJs
jQuery三组基本动画与自定义动画操作实例总结
2020/05/09 jQuery
Vue实现图片轮播组件思路及实例解析
2020/05/11 Javascript
vue 动态组件(component :is) 和 dom元素限制(is)用法说明
2020/09/04 Javascript
python字符串替换的2种方法
2014/11/30 Python
用Python实现web端用户登录和注册功能的教程
2015/04/30 Python
Python使用MYSQLDB实现从数据库中导出XML文件的方法
2015/05/11 Python
windows10系统中安装python3.x+scrapy教程
2016/11/08 Python
机器学习的框架偏向于Python的13个原因
2017/12/07 Python
Python爬虫实现百度图片自动下载
2018/02/04 Python
python去除拼音声调字母,替换为字母的方法
2018/11/28 Python
解决python ogr shp字段写入中文乱码的问题
2018/12/31 Python
完美解决pyinstaller打包报错找不到依赖pypiwin32或pywin32-ctypes的错误
2020/04/01 Python
GitHub上值得推荐的8个python 项目
2020/10/30 Python
html5 touch事件实现触屏页面上下滑动(一)
2016/03/10 HTML / CSS
历史学专业个人的自我评价
2013/10/13 职场文书
外贸业务员岗位职责
2013/11/24 职场文书
信息员培训方案
2014/06/12 职场文书
幼儿教师自我剖析材料
2014/09/29 职场文书
群众路线剖析材料(四风问题)
2014/10/08 职场文书
北京故宫的导游词
2015/01/31 职场文书
Python趣味挑战之给幼儿园弟弟生成1000道算术题
2021/05/28 Python
如何利用 CSS Overview 面板重构优化你的网站
2021/10/24 HTML / CSS