当href的值为完整路径时，所取到的值是和字面值一致的
例如 <a href="http://iteye.com" id="link"></a>
document.getElementById('link').href的值为 "http://iteye.com"
但是如果href的值是相对路径或者非完整的路径，那么
对于这个节点的href属性通过javascript获得的值，将是被转换为绝对路径以后的值
例如 <a href="/123.htmml" id="link"></a>
或者 <a href="123.htmml" id="link"></a>
那么
document.getElementById('link').href的值就可能为这样的形式 "http://iteye.com/123.html"
另外一个相关的情况，如果运用Mootools框架
通过Element的get()方法来获得href的值
对于绝对路径，情况和上面的一样，
如果是相对路径，将会取到字面值。
例如
<a href="http://iteye.com" id="link"></a>
$('link').get('href') 返回的值是 "http://iteye.com"
<a href="/123.html" id="link2"></a>
或者 <a href="123.html" id="link2"></a>
$('link2').get('href')
返回 "/123.html" 和 "123.html"
测试链接
http://mootools.net/shell/vYr56/
分享到：
相关推荐
<a href="https://www.example.com">访问示例网站</a> ``` 用于创建超链接，`href`属性指定链接的目标地址。 ##### 8. `<table>`表格 ```html <table border="1" cellspacing="0" cellpadding="5"> <tr> <th>标题...
<address>作者: John Doe<br>电子邮件: <a href="mailto:johndoe@example.com">johndoe@example.com</a></address> ``` ##### 标签：applet - **说明**：`<applet>` 标签用于在页面上放置Java Applet。随着技术的...
上述代码将创建一个新的`<a>`标签，并将其`href`属性设置为当前节点的`href`属性值，同时保留原有内容。 #### 三、条件判断：`<xsl:choose>` 和 `<xsl:when>` 当需要根据不同条件执行不同逻辑时，可以使用`<xsl:...
例如，可以在段落(`<p>`)中包含链接(`<a>`): `<p><a href="http://example.com">链接</a></p>`。 - **可选的结束标记**: 某些元素如`<br>`(换行)和`<hr>`(水平线)不需要结束标记。 #### 三、HTML文档创建流程 1. *...
print("选取所有a节点的href属性:") hrefs = selector.xpath('//a/@href') for href in hrefs: print(href) print("\n选取所有节点的href属性:") all_hrefs = selector.xpath('//@href') for href in all_hrefs: ...
<li><a href="/contact">联系我们</a></li> </ul> </nav> ``` ##### 2.3 绘图与渲染 - **`<canvas>`标签**：用于绘制图形，可以配合JavaScript使用，为网页提供图形渲染能力。例如： ```html <canvas id=...
$("[href$='.jpg']") 所有带有以 ".jpg" 结尾的属性值的 href 属性 $("div#intro .head") id="intro" 的 <div> 元素中的所有 class="head" 的元素 三. jQuery 事件函数 jQuery 事件处理方法是 jQuery 中的核心函数...
<li><a href="#">子菜单1.1</a></li> <li><a href="#">子菜单1.2</a></li> </ul> </li> <li><a href="#">菜单2</a></li> </ul> </div> ``` 2. **CSS样式**：为了使菜单具有美观的外观和交互效果，我们需要...
例如，`<a>`标签的`href`属性指定链接的目标地址，`target`属性决定链接在何处打开（新窗口或当前窗口）。 4. **文本格式化**：HTML提供了`<strong>`（粗体）、`<em>`（斜体）、`<u>`（下划线）、`<del>`（删除线）...
1. **设置属性值** 2. **设置元素的HTML内容** 3. **设置元素的文本内容** 例如，修改页面标题： ```java Document doc = Jsoup.connect("http://example.com").get(); Element title = doc.select("title").first...
String html = "<html><head><title>First parse</title></head><body><p>Parsed HTML into a doc.</p></body></html>"; Document doc = Jsoup.parse(html); ``` **解析器**会尽可能地创建一个干净且格式正确的文档...
<p>Our latest product: <a href="${latestProduct.url}">${latestProduct.name}</a>!</body> </html> ``` 数据模型： ```text (root) | +- user = "Big Joe" | +- latestProduct | | +- url = "products/...
- 改变属性值: 直接修改属性即可。 - 删除元素: 使用`decompose()`方法。 - 替换元素: 使用`replace_with()`方法。 - 添加新元素: 使用`new_tag()`创建新标签，然后使用`append()`或`insert()`方法将其添加到...
- 示例代码：`String html="<html><head><title>First parse</title></head><body><p>Parsed HTML into a doc.</p></body></html>"; Document doc = Jsoup.parse(html);` - **解析器功能**： - 处理未闭合的标签...
2. Attribute：元素的属性，如 `<a href="https://www.example.com">` 中的 `href` 属性。 3. Text：元素的文本内容，如 `<p>这是一个段落。</p>` 中的文本。 4. Comment：注释，如 `<!-- 这是一个注释 -->`。 5. ...
`<p><a href="mailto:123@public.wh.hb.cn">给我来信</a></p>`: 这段HTML代码创建了一个电子邮件链接，点击后会打开用户的默认邮件客户端并预填充收件人邮箱地址为 `123@public.wh.hb.cn`。 5. **内联样式** `<!...
- **提取链接**：遍历`find_all`的结果可以轻松获取每个`<a>`标签的`href`属性值。 #### 四、进阶操作 - **多条件筛选**：除了基本的标签名筛选外，还可以使用属性进行更复杂的查询。 - **导航树结构**：利用`....
属性值通常放在引号内，如`<img src="image.jpg">`。 4. HTML5新特性： HTML5引入了许多新元素，如`<header>`、`<footer>`、`<section>`、`<article>`，它们有助于构建更语义化的网页。还有`<canvas>`用于图形绘制...
- `<a>`: `<body>` 的另一个子节点。 - `"My Link"`: 文本节点，作为 `<a>` 的子节点。 - `"href"`: 属性节点，其值为 `"http://mydomain.com"`。 #### 六、事件与事件处理 ##### 6.1 事件处理 DOM 不仅允许我们...