如何用javascript提取链接对象中已经被访问的那些,而不是用样式表? 高高手请解答~~~

scoooo 2002-12-03 05:44:44
请读完全文再发表高见,谢谢~~~
我们知道,用 linktag = document.all.tags("a") 可以引用页面中所有的 a 元素,例如:
var linktag = document.all.tags("a");
for (i=0; i<linktag.length; i++){
obj = linktag.item(i);
with (obj) {
style.color = "#FF0000";
}
}
可以让页面中的这些链接的色彩变成 #FF0000

现在我希望用这种方式只引用访问过的链接,让这些的颜色变成 #FF0000
请注意,我们知道用样式表比如
A:visited {
color: "#FF0000";
}
可以达到目的,但是,由于有其他的用途,我现在只希望用javascript达到。谢谢~~~
...全文
43 12 打赏 收藏 转发到动态 举报
写回复
用AI写文章
12 条回复
切换为时间正序
请发表友善的回复…
发表回复
scoooo 2002-12-09
  • 打赏
  • 举报
回复
在样式表中用
A:visited {
color: "#FF0000";
}
就能识别出曾经访问过的链接,这点是浏览器自动去识别的(我想大家应该都知道吧)。
希默软件 2002-12-06
  • 打赏
  • 举报
回复
比如我曾经在其他浏览器窗口访问过http://www.sina.com.cn,那么当我打开test.htm时,www.sina.com.cn 这个链接应该是被访问过的。

历史记录中或者其他浏览器窗口有没有访问过,谁又知道呢?
scoooo 2002-12-06
  • 打赏
  • 举报
回复
qiushuiwuhen(秋水无恨)
sorry~~~不是在前面加图标,而是要引用这个链接的上层元素,并使其隐藏。。

具体是这样的,每个链接都是在表格的一个单元格(td)里,我希望能把访问过的链接所在的tr的样式改为隐藏。。。

我不太明白你那样的在样式表里定义一个属性的方法能否达到目的。或者你给出一个整体的代码好吗?
qiushuiwuhen 2002-12-06
  • 打赏
  • 举报
回复
自定义一个属性,然后判断即可,如A:visited {qswh:1}

ps.我想你是要做“没访问过的前面加new图标”吧?
scoooo 2002-12-06
  • 打赏
  • 举报
回复
我也觉得我的要求非常苛刻,也许在当前的浏览器版本中(只要解决在ie中的使用就可以了)根本就不可能实现吧,但确实是我的程序功能需要啊。但是好像不是什么奇怪的问题吧。。 ;-)

其实我的最主要目的是与
var linktag = document.all.tags("a");
obj = linktag.item(i);
类似的功能,只是这里的linktag引用的是这个页面中的所有链接,而我却要单独引用被访问过的连接。变换颜色只是我举的一个例子而已,实际上,我有可能是让这个元素的字体变化,或者让这个元素的上层元素隐藏。。。其实,引用这个被访问过的链接的相对位置的某个元素(如上层元素或者下一个元素)才是我最终的目的。。。

期待ing................
wind0209 2002-12-05
  • 打赏
  • 举报
回复
说明白了,我也期待ing
scoooo 2002-12-05
  • 打赏
  • 举报
回复
看来我把问题还得说的更清楚。首先,绝对不能用样式表,最好甚至或是必须是用javascript(当然,jscript.vbscript同在考虑中),因为我的最终目的并非简单的改变一个链接的颜色或外观,而是要用parentNode或者nextSibling等方式访问他的相对位置相关的一些元素(具体是什么视情况而定)。
另外,Go_Rush(阿舜) 的代码基本是符合我最开始提的要求的,但是请注意有个问题你忽略了,我所要求的被访问过了而指浏览器的历史纪录中的被访问过的链接,而不是当前这个页面被打开后被访问过的链接。
说仔细点,比如我曾经在其他浏览器窗口访问过http://www.sina.com.cn,那么当我打开test.htm时,www.sina.com.cn 这个链接应该是被访问过的。但是Go_Rush(阿舜) 的代码却不是这样~~~
我说明白否?盼解答。。。
Go_Rush 2002-12-05
  • 打赏
  • 举报
回复
吓,你的要求还真奇怪。

那样子就不好弄了。

问你一句,如果有人访问了这个联接,这个联接会变颜色吗?
(也就是说,一个联结访问前和访问后的颜色相同吗?)

如果颜色不同。就只能根据联接的当前颜色来判断了
Go_Rush 2002-12-04
  • 打赏
  • 举报
回复
算了,还是给你代码把

a.htc

<PUBLIC:COMPONENT>
<PUBLIC:ATTACH EVENT="onclick" ONEVENT=(function(){visited=true})() />
<PUBLIC:PROPERTY NAME="visited" />
</PUBLIC:COMPONENT>


test.htm

<script>
function check(){
var colls=document.all.tags("A");
var collnum=colls.length;
var disp=new Array();
for(var i=0;i<collnum;i++){
disp[i]=colls[i].id+(colls[i].visited?"已经":"没有")+"被访问";
}
alert(disp.join("\n\n"));
}
</script>

<style>A{behavior:url('a.htc')}</style>

<a id=a1 href="" target="_blank">a1</a>
<a id=a2 href="" target="_blank">a2</a>
<a id=a3 href="" target="_blank">a3</a>
<a id=a4 href="" target="_blank">a4</a>
<a id=a5 href="" target="_blank">a5</a>
<a id=a6 href="" target="_blank">a6</a>
<button onclick="javascript:check()">看看那些被访问过了</button>
Go_Rush 2002-12-04
  • 打赏
  • 举报
回复
如果一定要用javascript,那么htc是最方便的拉

给<a>定义一个属性,用来标示是否被访问过
chenbinghui 2002-12-03
  • 打赏
  • 举报
回复
关注!
希默软件 2002-12-03
  • 打赏
  • 举报
回复
不用JS

<body vlink="#FF0000">
JavaScript核心技术 简介: 《JavaScript核心技术》对于各种浏览器、浏览器版本、JavaScript版本、DOM版本的介绍,有助于我们理解所遇到的各种新旧代码,使我们能够对这些代码做出正确的取舍。《JavaScript核心技术》还提供了一些使用JavaScript的最佳实践。无论是新手还是老手,这些如何正确使用JavaScript的经验都能帮助他们养成良好的编程习惯。《JavaScript核心技术》还介绍了一些调试和开发JavaScript的工具,这些工具无疑能够提高我们的开发效率。 《JavaScript核心技术》最后对于Ajax和几个流行的JavaScript库的介绍,无疑会开阔我们在JavaScript使用上的思路。 《JavaScript核心技术》是一本真正意义上的“新书”,不仅介绍了最新的JavaScript知识和方向,还完全覆盖了当今Web开发关于JavaScript的所有重要话题,它使用了大量实例代码,图文并茂地讲解了使用JavaScript的各个层次和领域的内容。它不是一本参考手册,但却是一本值得拥有的教程。 JavaScript核心技术 目录: 前言 第1章JavaScript初探 1.1规范和实现相互交织的历史 1.2跨浏览器的不兼容性和其他常见的JavaScript传说 1.3你能用JavaScript来做什么 1.4JavaScript初探:“HelloWorld!” 1.5JavaScript沙箱 1.6可访问性和JavaScript的最佳实践 第2章JavaScript数据类型与变量 2.1变量的标识 2.2作用域 2.3简单类型 2.4常量:有名称但不改变 2.5习题 第3章运算符和语句 3.1JavaScript语句的格式 3.2简单语句 3.3条件语句和程序流 3.4条件运算符 3.5逻辑运算符 3.6高级语句:循环语句 3.7习题 第4章JavaScript对象 4.1对象构造函数 4.2Number对象 4.3String对象 4.4正则表达式与RegExp 4.5有专门用途的对象:Date和Math 4.6JavaScript数组 4.7关联数组:不是数组的数组 4.8习题 第5章函数 5.1定义函数:细数所有方式 5.2回调函数 5.3函数和递归 5.4嵌套函数、函数闭包和内存泄漏 5.5作为对象的函数 5.6习题 第6章捕捉事件 6.1O级DOM上的事件句柄 6.22级DOM上的事件句柄 6.3产生事件 6.4习题 第7章表单与即时验证 7.1访问表单 7.2把事件附加在表单上:不同的方法 7.3选择列表 7.4单选按钮和复选框 7.5输入字段和JiT正则表达式 7.6习题 第8章沙箱及之上的cookie、连通性和隐私 第9章基础浏览器对象 第10章DOM:文档对象模型 第11章创建定制的JavaScript对象 第12章构建动态网页:在脚本加入样式 第13章使用Ajax 第14章好消息:生动的程序库!令人惊异的Web服务!有趣的API! 附录习题答案
第1 章 JavaScript 基 础 1.1 关 于JavaScript 1.2 了 解JavaScript 1.3 World Wide Web 1.4 Web 应用程序结构 1.5 JavaScript 与VBScript 第2 章 JavaScript 与HTML 2.6 HTML 基 础 2.7 在HTML 文档嵌入JavaScript 2.8 编写JavaScript 脚本 第3 章 JavaScript 基本语法 3.9 JavaScript 基本数据结构 3.10 JavaScript 运算符和表达式 3.11 JavaScript 控制结构和循环 第4 章 Window 窗口对象 4.12 Window 窗口对象的属性 4.13 Window 窗口对象的方法 4.14 创建和关闭窗口 第5 章 document 对 象 5.15 document 对象的属性 5.16 document 对象的方法 第6 章 文 本 对 象 6.17 文本对象属性 6.18 文本对象的方法 6.19 文本对象的事件 6.20 文本区域对象 第7 章 按 钮 对 象 7.21 button submit reset 对 象 7.22 复选框对象 7.23 Radio 对 象 第8 章 选择和隐藏对象 8.24 select 对 象 8.25 隐 含 对 象 第9 章 location 对 象 9.26 hash 属 性 9.27 Href 属 性 9.28 pathname 属 性 9.29 Protocol 属 性 第10 章 history 对 象 第11 章 layer 对 象 11.30 layer 属 性 11.31 layer 对象的方法 11.32 JavaScript 操作层 第12 章 字符串对象 12.33 转 义 字 符 12.34 字符串对象的属性 12.35 字符串对象的方法 第13 章 日期对象 13.36 时间对象的属性 13.37 时间对象的设置 第14 章 数 学 对 象 14.38 math 对象的属性 14.39 math 对象的方法 第15 章 数 组 对 象 15.40 数组对象的创建 15.41 数组对象的扩充 15.42 对象类数组 第16 章 样式单实例 16.43 样式单的实用 16.44 样式单的定义 16.45 样式单的使用 第17 章 实用小程序 17.46 导 言 17.47 状态栏滚动信息 17.48 计算用户来访次数 17.49 散布页面的星星 17.50 永在顶端的图片 第18 章 JavaScript 语言的扩展 18.51 ActiveX 通 信 18.52 调用插入件 第19 章 网上购物系统 19.53 示 例 特 性 19.54 源 代 码 19.55 功 能 概 述 19.56 程 序 详 解 第20 章 2000 珍藏版 20.57 Cookie 入 门 20.58 实 例 特 性 20.59 程序源代码 20.60 功 能 概 述 20.61 程 序 详 解 第21 章 时 钟 日 历 21.62 示 例 特 性 21.63 源 代 码 21.64 功 能 概 述 21.65 程 序 详 解 第22 章 JavaScript 服务器端编程 22.66 预 备 知 识 22.67 实 例 学 习 22.68 功 能 概 述 22.69 脚 本 详 解 第23 章 网络安全性 23.70 安全性破坏的种类 23.71 安 全 服 务

87,994

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧