当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 不错的用外部Javascript修正特定网页内容

Javascript
Prototype使用指南之form.js
Prototype1.5 rc2版指南最后一篇之Position
javascript 对象的定义方法
JS多级连动菜单
javascript编程起步(第一课)
javascript编程起步(第二课)
java script编程起步(第三课)
jquery简单体验
javascript编程起步(第四课)
javascript编程起步(第五课)
javascript编程起步(第六课)
javascript编程起步(第七课)
javascript object oriented 面向对象编程初步
js宝典学习笔记(上)
JS宝典学习笔记(下)
javascript基础的动画教程,直观易懂
javascript 的面向对象特性参考
JScript|Event]面向事件驱动的编程(二)--实例讲解:将span模拟成超连接
JScript面向事件驱动的编程
一份老外写的XMLHttpRequest代码多浏览器支持兼容性

不错的用外部Javascript修正特定网页内容


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 133 ::
收藏到网摘: n/a

这段代码算是自己练手帮助别人解决的一个问题写的。
要求是这样的:
<a href="window.open('','')">test</a>,这个不能变,只可以在外面做事情,那要如何呢?
要求点击上面的连接,打开一新页面,并在原页面进行其他操作。
分析可知:上面打开新页面的写法本身就是错误的,根本无法打开新页面。正确的写法应该是:

<a href="javascript:void(0)" onclick="window.open('','')">test</a>

于是解决办法就是用外部js修改连接的内容。首先要判断那个链接内部的href属性包含“window.open”,然后为其增加onclick属性,并将href内容赋给它。然后修改href属性内容。
但解决过程中发现一个问题,读取href属性内容时不能得到其实际内容,而是网页的url路径(去除最后的页面文件名)+href内容,还要把前面的url路径去掉。这个可以用substring()结合indexOf()解决。
至于在原页面些内容就简单多了。
根据分析写了如下测试代码,实现了上面的要求:
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]