Anchor 对象

更改一个链接的文本、URL 以及target<html>
<head>
<script type="text/javascript">

function  changelink(){

document.getElementById(‘myAnchor‘).innerHTML="访问 W3School"

}

document.getElementById(‘myAnchor‘).href="http://www.w3school.com.cn"
document.getElementById(‘myAnchor‘).target="_blank"
}
</script>
</head>

<body>
<a id="myAnchor" href="http://www.microsoft.com">访问 Microsoft</a>
<input type="button" onclick="changeLink()" value="改变链接">
<p>在本例中,我们改变超链接的文本和 URL。我们也改变 target 属性。target 属性的默认设置是 "_self",这意味着会在相同的窗口中打开链接。通过把 target 属性设置为 "_blank",链接将在新窗口中打开。</p>
</body>

</html>
使用 focus() 和 blur()

<script type="text/javascript">
function getfocus()
{document.getElementById(‘myAnchor‘).focus()}

function losefocus()
{document.getElementById(‘myAnchor‘).blur()}
</script>
</head>

<body>
<a id="myAnchor" href="http://www.w3school.com.cn">访问 W3School.com.cn</a>
<br /><br/>
<input type="button" onclick="getfocus()" value="获得焦点">
<input type="button" onclick="losefocus()" value="失去焦点">
</body>

</html>

向超链接添加快捷键

<html>
<head>
<script type="text/javascript">
function accesskey()
{
document.getElementById(‘w3‘).accessKey="w"
document.getElementById(‘w3dom‘).accessKey="d"
}
</script>
</head>

<body >

<p><a id="w3" href="http://www.w3school.com.cn/">W3School.com.cn</a> (请使用 Alt + w 给该链接赋予焦点)</p>
<p><a id="w3dom" href="http://www.w3school.com.cn/htmldom/">HTML DOM</a> (请使用 Alt + d 为该链接赋予焦点)</p>

</body>
</html>

时间: 2025-01-06 05:03:27

Anchor 对象的相关文章

17History link image location anchor对象

1link对象 html文档中创建一个超链接是使用A标记,格式是: <A href="要链接的位置或一个合法的URL" NAME="名称">....</A> 访问link对象,除了使用link对象的名称访问link对象外,浏览器还将所创建的当前文档中所有link对象保存在一个名为links数组中,也可以通过document.links[下标]来访问. link对象的属性 hash,表示每一个URL的链接目标的名称 host,表示每一个URL的

Anchor 对象和document对象

<script type="text/javascript"> function chanklink(){ document.getElementById("myAnchor").innerHTML="访问w3cschool"; document.getElementById("myAnchor").href="http://www.w3school.com.cn"; document.getE

Location - BOM对象

Location 对象 Location 对象包含有关当前 URL 的信息. Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问. 例子 把用户带到一个新的地址 Location 对象属性 属性 描述 hash 设置或返回从井号 (#) 开始的 URL(锚). host 设置或返回主机名和当前 URL 的端口号. hostname 设置或返回当前 URL 的主机名. href 设置或返回完整的 URL. pathname 设置或返回当前 U

javascript学习笔记整理(DOM对象)

DOM--document(html xml) object modle,document对象(DOM核心对象),document对象是 Window 对象的一部分,可通过window.document属性对其进行访问,document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问 1.属性 title--返回或设置当前文档的标题 url--返回当前文档的URL bgColor--设置文档的背景色 fgColor 设置文档的前景色(设置文字颜色) 2.方法 getElementB

HTML DOM Document 对象

Document 对象属性和方法 HTML文档中可以使用以上属性和方法: 属性 / 方法 描述 document.activeElement 返回当前获取焦点元素 document.addEventListener() 向文档添加句柄 document.adoptNode(node) 从另外一个文档返回 adapded 节点到当前文档. document.anchors 返回对文档中所有 Anchor 对象的引用. document.applets 返回对文档中所有 Applet 对象的引用.

js基础之DOM中document对象的常用属性方法

-----引入 每个载入浏览器的 HTML 文档都会成为 Document 对象. Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问. 属性 1  document.anchors  返回对文档中所有 Anchor 对象的引用.还有document.links/document.forms/document.images等 2  document.URL       返回当前文档的url 3  document.title       返回当前文档的标题 方法 1 

Window对象与DOM

目前,前端插件数不胜数,比如有移动端滑动特效插件Swiper,下拉刷新的iScroll,弹出框插件layer,还有我们经常使用的JQuery,jquery.mobile等,这些插件能够满足我们日常的基本开发,我们只需调用相应的接口就能实现很炫酷的方法,万变不离其宗,原始操作HTML文档的还是window对象或者DOM,下面是它们之间的关系及用法! 文档对象模型(DOM)  在DOM中,HTML文档的层次结构被表示为一个树形结构.树的根节点是一个表示当前HTML文档的Document对象,树的每个

JS中 document.getElementById 对象

Document 对象 每个载入浏览器的 HTML 文档都会成为 Document 对象. Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问. 提示:Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问. Document 对象集合 集合 描述 all[] 提供对文档中所有 HTML 元素的访问. anchors[] 返回对文档中所有 Anchor 对象的引用. applets 返回对文档中所有 Applet

Location 对象

Location 对象 Location 对象包含有关当前 URL 的信息. Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问. 例子 把用户带到一个新的地址 Location 对象属性 属性 描述 hash 设置或返回从井号 (#) 开始的 URL(锚). host 设置或返回主机名和当前 URL 的端口号. hostname 设置或返回当前 URL 的主机名. href 设置或返回完整的 URL. pathname 设置或返回当前 U