不错的用外部Javascript修正特定网页内容
更新时间：2007年08月28日 20:45:38 作者：
这段代码算是自己练手帮助别人解决的一个问题写的。
要求是这样的：
<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 全选 注:引入外部Js需再刷新一下页面才能执行]
要求是这样的：
<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 全选 注:引入外部Js需再刷新一下页面才能执行]
相关文章
var、let和const都是JavaScript中用来声明变量的关键字,并且let和 const关键字是在 ES6 中才新增的,下面这篇文章主要给大家介绍了关于var、let、const区别的相关资料,需要的朋友可以参考下2022-03-03
这篇文章主要介绍了JS实现滑动拼图验证功能,结合完整实例形式分析了JS滑动拼图验证相关原理、实现步骤与操作注意事项,需要的朋友可以参考下2020-03-03
使用uniapp是因为它是一个使用vue.js开发所有前端应用的框架,开发者编写一套代码,可以发布到ios,android,web以及各种小程序,快应用等多个平台,下面这篇文章主要给大家介绍了关于uniapp小程序实战之利用腾讯地图获取定位的相关资料,需要的朋友可以参考下2023-02-02
window.print可以打印网页，但有时候我们只希望打印特定控件或内容，怎么办呢，请看下面的例子2013-12-12
这篇文章主要介绍了js实现a标签超链接提交form表单的方法,涉及javascript针对表单操作的相关技巧,需要的朋友可以参考下2015-06-06
最近一直在用javascript在做项目 可是做着做着 感觉很多功能代码都是重复的。2010-05-05
JavaScript使用slice函数获取数组部分元素的方法
这篇文章主要介绍了JavaScript使用slice函数获取数组部分元素的方法,涉及javascript中slice方法的使用技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
基于JavaScript中字符串的match与replace方法(详解)
下面小编就为大家介绍一下JavaScript中的字符串的match与replace方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-12-12
这篇文章主要介绍了JavaScript位置参数实现原理及过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-09-09
这篇文章主要介绍了bootstrap表格内容过长时用省略号表示的解决方法,需要的朋友可以参考下2017-11-11
最新评论