一个使用外部Javascript修正特定网页内容的方法
这段代码算是本人练手帮助别人搞定的一个标题写的。
要求是这样的：
<ahref="window.open('','')">test</a>
这个不可以变，只可以正在外面办事情，那要怎么办呢？
要求点击后面的连接，打开一新页面，并正在原页面举办其他操作。
分析可知：后面打开新页面的写法本人便是过失的，底子没法打开新页面。准确的写法应该是：
<ahref="javascript:void(0)"onclick="window.open('','')">test</a>
因此搞定办法便是用内部js修改连接的内容。先要确定哪个链接内部的href属性包含“window.open”，然后为其增加onclick属性，并将href内容赋给它。然后修改href属性内容。
但搞定过程中看见一个标题，读取href属性内容时不克不及取得其实践内容，而是网页的url路径（去除了最后的页面文件名）＋href内容，还要把后面的url去掉。这个可以用substring()分别indexOf()搞定。
至于正在原页面些内容就庞杂多了。
遵照分析写了以下测试代码，实现了后面的要求：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns ="http://www.w3.org/1999/xhtml" xml:lang ="en" lang ="en">
<head>
<title></title>
<script type ="text/javascript">
function addEvent(elm,evType,fn,useCapture){
if(elm.addEventListener){ elm.addEventListener(evType,fn,useCapture);
return true;
}else if(elm.attachEvent){
var r=elm.attachEvent("on"+evType,fn);
return r;
}else{
alert("Handler could not be removed");
}
}
function doOther(){
if(event.srcElement.tagName=="A"&&
event.srcElement.getAttribute("href").indexOf("window.open")!=-1){
event.srcElement.setAttribute("onclick",eval(event.srcElement.href.substring(event.srcElement.href.lastIndexOf("/")+1,event.srcElement.href.length)));
event.srcElement.setAttribute("href","javascript:void(0)");
document.getElementById("test").innerHTML="<font color=#ff0000><b>能否是这容貌？</b></font>"
}
}
addEvent(document,"click",doOther);
</script>
</head>
<body>
test
<div id="test"></div>
</body>
</html>
相关推荐
### 使用外部JavaScript修正特定网页内容 #### 背景与需求 在Web开发中，有时候我们需要对现有的HTML页面进行修改，比如更改某些元素的行为或样式。这种情况下，使用外部JavaScript来修正网页内容是一种非常有效的...
JavaScript 周控件是一种在网页中用于展示和交互日期时间的前端组件，它特别关注以周为单位的时间管理。这个“修正版”的周控件是针对原版可能存在的问题或功能不足进行优化和改进的版本，以提供更好的用户体验和更...
Unigui是一个基于Web的UI框架，它为开发者提供了一套完整的组件库，用于构建响应式、高性能的应用程序。在实际开发过程中，我们常常需要引入自定义的JavaScript（JS）和CSS（层叠样式表）文件来扩展或定制框架的功能...
4. **初始化编辑器**：使用JavaScript代码创建编辑器实例，并设置相关参数，例如宽度、高度、初始内容等。 ```html <script type="text/javascript"> window.onload = function() { var oFCKeditor = new ...
这个结构包括一个居中的h4标题、内嵌的JavaScript脚本用于控制打印行为，以及用于显示内容的div容器。 4. 在内嵌的JavaScript脚本中，定义了一个printWin函数。该函数的功能是在新打开的打印窗口中写入obj标签内的...
jQuery UI Frame Dialog则是这个库的一个特定组件，专为构建具有边框和自定义样式的对话框而设计。在网页开发中，对话框通常用于显示警告、确认信息，或者作为轻量级的窗口来展示内容或进行交互。 该插件的主要功能...
然而，在处理包含中文字符的消息时，开发者可能会遇到一个常见问题：alert弹窗显示为乱码。这通常是因为页面与JavaScript文件之间的字符编码设置不一致导致的。 #### 解决方法一：在HTML头部设置正确的字符集 当...
例如，如果你需要验证银行卡号，可以引入一个外部函数来执行特定的验证逻辑： ```javascript import { validateAccountNumber } from "@/utils/validation"; data() { return { formRules: { accountNumber:...
在Web开发中，尤其是在不依赖外部库的情况下，实现一个跨浏览器的日期控件是一项挑战，因为不同的浏览器对JavaScript的DOM操作和事件处理支持各异。本文将重点讨论针对Firefox浏览器的兼容性问题的JavaScript日期...
【ewebeditor .net 可用修正版】是一款基于.NET技术的在线文本编辑器，它提供了丰富的文本格式化功能，用户可以通过网页直接编辑和管理文本内容。这个版本特别强调其可用性和修正了一些常见问题，尤其是解决了远程...
8. **其他文件**：`news` 可能是一个包含新闻或文章的目录，`dede` 可能是织梦CMS特定的文件夹，包含系统文件和配置。 综合这些内容，这个压缩包提供了从基础HTML和CSS到更高级的PHP和CMS使用的全面学习资源，对于...
【标题】：“右侧隐藏式——微博分享JS代码(修正).zip”是一个压缩包，其中包含了一套用于在网页上实现微博分享功能的JavaScript代码。这个版本的代码是经过修正的，意味着它可能解决了原版代码中的一些问题或者进行...
本文将详细解读一种特定的JavaScript函数，它能够实现时间日期的格式化，并在提到的网站上找到了一些相关代码的修正。 首先，我们需要了解JavaScript中有关时间日期的基本概念。在JavaScript中，日期和时间通过`...
【源代码：修正过的9959SEO系统SEO企业管理系统】是一个专为SEO（搜索引擎优化）企业设计的管理系统，它的核心在于帮助企业优化其网站在搜索引擎中的排名，提高在线可见度，从而吸引更多的流量和潜在客户。...
1. 打开代码运行器，通常是一个网页或者一个集成开发环境（IDE）内的功能。 2. 在提供的代码编辑区域输入或粘贴JavaScript代码。 3. 执行代码，这通常是通过点击一个“运行”按钮，或者使用快捷键（如[Ctrl+A全选]）...
此外，还有关于引入外部JavaScript文件的注意事项，即如果需要引入外部JavaScript文件，则需要刷新页面才能执行新引入的脚本。 总结来说，文章的核心内容是教授如何在JavaScript中动态地改变HTML元素的onclick事件...
一个完整的网站通常由以下几个关键部分组成： 1. HTML文件：这是网站的基础，包含了页面的结构和内容。 2. CSS文件：负责网站的样式和布局，使网页看起来美观。 3. JavaScript：处理交互性和动态效果，如表单验证、...
在描述中提到，解决方法通常包括使用特定的转换算法，将原始经纬度（如通过Google Earth或GPS设备获取）转换为百度地图能够正确显示的坐标。 首先，我们需要了解百度地图使用的坐标系是GCJ-02（国家测绘局02版），...
全屏API提供了一个标准的方式让网页有能力请求使用整个屏幕。它允许网页开发者编写代码，使得页面可以全屏显示，从而暂时隐藏浏览器的地址栏和状态栏。需要注意的是，全屏API只在支持它的浏览器中有效，并且要满足...