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 相关文章推荐
js Flash插入函数免激活代码
Mar 31 Javascript
javascript 在firebug调试时用console.log的方法
May 10 Javascript
javascript时区函数介绍
Sep 14 Javascript
删除条目时弹出的确认对话框
Jun 05 Javascript
Javascript中的五种数据类型详解
Dec 26 Javascript
JS实现可缩放、拖动、关闭和最小化的浮动窗口完整实例
Mar 04 Javascript
微信小程序 教程之wxapp视图容器 scroll-view
Oct 19 Javascript
jQuery实现的小图列表,大图展示效果幻灯片示例
Oct 25 Javascript
JS实现的几个常用算法
Nov 12 Javascript
jQuery时间日期三级联动(推荐)
Nov 27 Javascript
vue学习笔记之slot插槽基本用法实例分析
Feb 01 Javascript
多页vue应用的单页面打包方法(内含打包模式的应用)
Jun 11 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
MySQL数据库转移,access,sql server 转 MySQL 的图文教程
2007/09/02 PHP
php将数据库中的电话号码读取出来并生成图片
2008/08/31 PHP
PHP json格式和js json格式 js跨域调用实现代码
2012/09/08 PHP
解析php如何将日志写进syslog
2013/06/28 PHP
2个Codeigniter文件批量上传控制器写法例子
2014/07/25 PHP
Laravel5.7框架安装与使用学习笔记图文详解
2019/04/02 PHP
laravel框架实现去掉URL中index.php的方法
2019/10/12 PHP
js left,right,mid函数
2008/06/10 Javascript
ASP.NET中AJAX 调用实例代码
2012/05/03 Javascript
JavaScript中实现最高效的数组乱序方法
2014/10/11 Javascript
全面解析Bootstrap布局组件应用
2016/02/22 Javascript
Angular1.x复杂指令实例详解
2017/03/01 Javascript
JavaScript函数柯里化原理与用法分析
2017/03/31 Javascript
node.js中express中间件body-parser的介绍与用法详解
2017/05/23 Javascript
vue.js开发实现全局调用的MessageBox组件实例代码
2017/11/22 Javascript
在Vue项目中使用jsencrypt.js对数据进行加密传输的方法
2019/04/17 Javascript
Django中传递参数到URLconf的视图函数中的方法
2015/07/18 Python
python方法生成txt标签文件的实例代码
2018/05/10 Python
使用Python的turtle模块画国旗
2019/09/24 Python
Python打开文件、文件读写操作、with方式、文件常用函数实例分析
2020/01/07 Python
opencv python如何实现图像二值化
2020/02/03 Python
Pycharm 安装 idea VIM插件的图文教程详解
2020/02/21 Python
详解用Python进行时间序列预测的7种方法
2020/03/13 Python
python argparse传入布尔参数false不生效的解决
2020/04/20 Python
HTML5之tabindex属性全面解析
2016/07/07 HTML / CSS
美国汽配连锁巨头Pep Boys官网:轮胎更换、汽车维修服务和汽车零部件
2017/01/14 全球购物
成人教育自我鉴定
2013/11/01 职场文书
《蒙娜丽莎之约》教学反思
2014/02/27 职场文书
2014年政风行风自查自纠报告
2014/10/21 职场文书
学生逃课万能检讨书2000字
2015/02/17 职场文书
2015年学校精神文明工作总结
2015/05/27 职场文书
学校少先队工作总结
2015/08/12 职场文书
2016高考寄语集锦
2015/12/04 职场文书
市语委办2016年第十九届“推普周”活动总结
2016/04/05 职场文书
公司晚会主持词
2019/04/17 职场文书