有时候我们会创建这样的一个a标签，它的的href属性根据页面环境来确定。
比如我们得到一个url: http://www.baidu.com/s?wd=hello
但是我们想根据这个url 来动态设置我们自己的一个a标签的属性为 http://www.google.com/search?q=hello
这个时候我们就可以用javascript函数来取得需要的一些参数，动态进行设置了
// selfObject: 需要设置href属性的a标签
function linkToUrl(selfObject) {
var url = "http://www.google.com/search?q=";
url += window.location.href;
selfObject.href = url;
}
下面这个是测试用例，直接保存成jsp文件就可以运行了：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>javascript操纵a标签的href属性</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<script type="text/javascript">
function linkToUrl(selfObject) {
var url = "http://www.google.com/search?q=";
url += window.location.href;
selfObject.href = url;
}
function showUrl() {
var url = "http://www.google.com/search?q=";
url += window.location.href;
return url;
}
</script>
</head>
<body>
<div>
<a href="javascript:void(0);" onclick="linkToUrl(this)">打开URL页面</a>
</div>
<div>
<a href="javascript:showUrl()">显示URL路径</a>
</div>
</body>
</html>
分享到：
相关推荐
3. **JavaScript伪URL**：在某些浏览器中，可以直接在`<a>`标签的`href`属性或链接中使用JavaScript伪URL，如`javascript:alert("Hello World!");`，但这种方法并不推荐，因为它可能导致兼容性问题。 JavaScript的...
行内JS的href属性通常应设为"javascript:void(0)"，防止超链接行为，同时确保JS代码执行。 JavaScript是弱类型语言，变量声明通常使用var关键字，但也支持动态类型转换。虽然可以不声明直接赋值，但这样做不利于...
这篇教程——"JavaScript学习手册十四：HTML DOM-文档元素的操作（二）"深入探讨了如何使用JavaScript来操纵HTML文档中的元素，进一步提升网页动态性和交互性。 DOM是HTML和XML文档的一种结构化表示，它将网页内容...
JavaScript是一种面向对象的语言，它允许开发者通过对象来操纵网页文档。每个对象都有自己的属性和方法。 - **属性**：描述对象特征的信息，例如元素的位置、大小或颜色。 - **方法**：对象可以执行的动作，例如...
例如，你可以获取元素的`tag`属性来了解它的HTML标签，或者获取如`id`、`name`、`value`、`href`、`src`、`class`（返回所有CSS类名）和`text`（元素内的文本内容）等其他属性。例如： ```javascript var tag = $...
例如，`getAttribute('href')`可以获取链接元素的`href`属性，`setAttribute('style', 'color: red;')`可以改变元素的样式。 通过这些方法，开发者可以实现动态更新页面内容、响应用户交互、添加和删除元素等多种...
在JavaScript中，文档对象模型（DOM）是HTML或XML文档的一种结构化表示，它允许编程人员通过JavaScript来操纵网页的各个元素。这篇JavaScript参考教程将深入讲解DOM以及相关的JavaScript对象。 首先，DOM是一个树形...
基本的CSS选择器包括标签选择器（如`div`）、类选择器（如`.myClass`）、ID选择器（如`#myId`）以及属性选择器（如`[href^='http']`）。更高级的选择器，如伪类（`:hover`, `:active`）和组合选择器（`,`，`+`，`>`...
2. **移除内联脚本链接**：接下来移除包含JavaScript的`href`属性值。 ```csharp Regex regex2 = new Regex(@"href*=*[\s\S]*script*:", RegexOptions.IgnoreCase); html = regex2.Replace(html, ""); ``` 3. *...
本文将深入探讨jQuery中的四种主要选择器：ID选择器、标签选择器、类选择器和属性选择器。这些选择器是jQuery高效地定位页面元素的基础，让我们逐一了解它们。 首先，ID选择器是通过CSS的`#`符号来指定一个元素的...
通过使用JavaScript，开发者可以操纵SVG图形的属性，响应用户的交互操作，创建动画效果，并进行各种图形和视觉效果的处理。掌握SVG与JS的交互技术对于创建现代的Web应用和网页设计是不可或缺的。
一个简单的多选下拉框可以通过在`<select>`标签中添加`multiple`属性来创建： ```html <option value="option1">Option 1 <option value="option2">Option 2 <option value="option3">Option 3 ``` 然而，原生...
- **超链接**：`<a>`标签用于创建超链接，通过`href`属性指向目标URL。 ### 技术栈标签解析 #### 1. Java Java是一种广泛应用于服务器端开发的编程语言。虽然在这份文档中没有直接提到Java的应用场景，但在Web...
在SVG与JavaScript交互中，SVG（Scalable Vector Graphics）是一种基于XML的矢量图像格式，它可以被JavaScript脚本直接操纵以实现丰富的交互性。在SVG文档中，JavaScript的使用分为内部脚本和外部脚本两种方式。 1....
以下是一些主要属性： - `appName`: 提供浏览器名称，如Netscape或Microsoft Internet Explorer。 - `appVersion`: 反映了浏览器的版本信息。 - `appCodeName`: 通常给出更具体的浏览器代码名称。 - `userAgent`: ...
3. 白名单过滤：只允许特定的安全标签和属性，如、<a>等，并限制属性值，如href、src等。 4. 使用Content-Security-Policy（CSP）：这是一种HTTP响应头，可以限制浏览器只能加载指定来源的资源，防止加载恶意脚本。 ...
通过JavaScript，我们可以在DOM元素上直接操作`style`属性来修改样式。例如，我们可以将ID为"example"的元素背景色设置为红色： ```javascript document.getElementById('example').style.backgroundColor = 'red';...
更具体地，`$("[href*=example]")`会选择href属性值中包含"example"的元素。 6. 伪类选择器： 伪类选择器用于选取元素的特定状态。例如，`:hover`用于选取鼠标悬停时的元素，`:active`选取活动状态的元素，`:focus...