Execommand to create hyperlink

最新推荐文章于 2016-05-19 08:06:46 发布

littlekeen

最新推荐文章于 2016-05-19 08:06:46 发布

阅读量766

点赞数

CC 4.0 BY-SA版权

分类专栏： ASP.NET 文章标签： hyperlink button function url web html

本文链接：https://blog.youkuaiyun.com/littlekeen/article/details/448768

ASP.NET 专栏收录该内容

68 篇文章

订阅专栏

博客展示了在HTML中创建链接并获取URL的代码。通过定义AddLink函数，先识别选中文本，若有选中则创建链接，若选中文本父元素为链接标签，还可改变颜色；若未选中则给出提示。页面有蓝色示例文本和添加链接的按钮。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<HTML>
<BODY>
<H1 unselectable="on">Creating a Link and Retrieving the URL</H1>
<script>
function AddLink()
{//Identify selected text
var sText = document.selection.createRange();
if (!sText==""){
    //Create link
     document.execCommand("CreateLink");
     //Replace text with URL
     if (sText.parentElement().tagName == "A"){
       //sText.parentElement().innerText=sText.parentElement().href;
       document.execCommand("ForeColor","false","#FF0033");
     }
}
else{
    alert("Please select some blue text!");
}
}
</script>
<P unselectable="on">Select any portion of the following blue text, such as "My favorite Web site". Click the button to turn the selected text into a link. The text will be changed to the URL that you specify.</P>
<P style="color=#3366CC">My favorite Web site is worth clicking on. Don't forget to check out my favorite music group!</P>