JS控制锚点打开新窗口

在XHTML中不能含有TARGET,那么要使链接打开新窗口的话,

如果针对页面上所有锚点,JAVASCRIPT如下即可:

function externalLinks() {
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var i=0; i<anchors.length; i++) {
var anchor = anchors[i];
anchor.target = "_blank";
}
}
window.onload = externalLinks;

如果需要给特定锚点添加改属性,可以使用rel="",给需要打开新窗口的链接添加rel="随便写一个就写external"

function externalLinks() {
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var i=0; i<anchors.length; i++) {
var anchor = anchors[i];
if (anchor.getAttribute("href") &&
anchor.getAttribute("rel") == "external")
anchor.target = "_blank";
}
}
window.onload = externalLinks;

用JQUERY的话一句话搞定

使用attr添加属性:

$(document).ready(function() { $("a[rel=external]").attr('target', '_blank'); });

或者onclick的话:

$(document).ready(function() { $('a[rel="external"]').click( function() { window.open( $(this).attr('href') ); return false; }); });

转载于:https://www.cnblogs.com/haimingpro/archive/2013/02/21/2920517.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/474675.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

java showinputdialog_java - JOptionPane.showInputDialog中的多个输入

有没有一种方法可以在JOptionPane.showInputDialog中创建多个输入&#xff0c;而不是只创建一个输入&#xff1f;最佳答案&#xff1a;对。您知道可以将任何Object放入大多数Object的JOptionPane.showXXX methods参数中&#xff0c;并且经常会发现Object恰好是一个JPanel参数。…

LeetCode MySQL 602. 好友申请 II :谁有最多的好友(union all)

文章目录1. 题目2. 解题1. 题目 在 Facebook 或者 Twitter 这样的社交应用中&#xff0c;人们经常会发好友申请也会收到其他人的好友申请。 表 request_accepted 存储了所有好友申请通过的数据记录&#xff0c;其中&#xff0c; requester_id 和 accepter_id 都是用户的编号。…

用async 解放你的大脑

在js中&#xff0c;代码嵌套和代码回调非常常见&#xff0c;不仅编写麻烦而且异常反人类。让我等码农很是头痛 function () {function () {function () {function () {//pass}}} }这是一个常规的嵌套&#xff0c;如果每个function 的逻辑处理都比较多的话&#xff0c;会导致整个…

linux java 共享内存_Linux进程间通信之共享内存

一&#xff0c;共享内存内核管理一片物理内存&#xff0c;允许不同的进程同时映射&#xff0c;多个进程可以映射同一块内存&#xff0c;被多个进程同时映射的物理内存&#xff0c;即共享内存。映射物理内存叫挂接&#xff0c;用完以后解除映射叫脱接。1&#xff0c;共享内存的特…

LeetCode MySQL 1193. 每月交易 I(date_format)

文章目录1. 题目2. 解题1. 题目 Table: Transactions ------------------------ | Column Name | Type | ------------------------ | id | int | | country | varchar | | state | enum | | amount | int | | trans_date …

《大数据时代》摘录

本文内容摘自《大数据时代》&#xff0c;浙江人民出版社&#xff0c;2013年1月第1版。 引言 大数据并非一个确切的概念。最初&#xff0c;这个概念是指需要处理的信息量过大&#xff0c;已经超出了一般电脑在处理数据时所能使用的内存量&#xff0c;因此工程师们必须改进处理数…

java子类继承父类实际_java子类继承父类,是否生成父类对象?

从根本上来说&#xff0c;对象就是一个特殊结构的内存以及可以访问这块内存的代码。所以你这个问题其实就是一个到底如何看什么是对象的。我不了解现在jvm的具体实现&#xff0c;所以只能就理论上进行下分析。由于现代的编译器都可以对内存及其访问进行优化&#xff0c;所以&am…

LeetCode 1257. 最小公共区域(最小公共祖先)

文章目录1. 题目2. 解题1. 题目 给你一些区域列表 regions &#xff0c;每个列表的第一个区域都包含这个列表内所有其他区域。 很自然地&#xff0c;如果区域 X 包含区域 Y &#xff0c;那么区域 X 比区域 Y 大。 给定两个区域 region1 和 region2 &#xff0c;找到同时包含…

创建样式和样式表

css中的样式&#xff08;或者规则&#xff09;由两部分组成&#xff1a;选择器和声明块。每个声明块里面可以包含多条声明&#xff0c;它们之间由分号分隔。如下图所示&#xff1a; 链接外部样式表 外部样式表可以使网页打开的速度更快。但是浏览器在下载外部样式表的时候&…

java 程序输出 赵_编写一个完整的JAVA的程序

编写一个完整的JAVA的程序关注:84 答案:1 mip版解决时间 2021-02-05 08:43提问者妳螚鬧俄螚笑2021-02-05 02:591&#xff0c;接口Person Show()方法输出对象的描述信息。2.类Student 实现Person接口&#xff0c;另有以下属性和方法:属性(私有)String name。方法Student():构造…

LeetCode 1229. 安排会议日程(双指针)

文章目录1. 题目2. 解题1. 题目 你是一名行政助理&#xff0c;手里有两位客户的空闲时间表&#xff1a;slots1 和 slots2&#xff0c;以及会议的预计持续时间 duration&#xff0c;请你为他们安排合适的会议时间。 「会议时间」是两位客户都有空参加&#xff0c;并且持续时间…

LeetCode 1182. 与目标颜色间的最短距离(二分查找/DP)

文章目录1. 题目2. 解题2.1 二分查找2.2 DP1. 题目 给你一个数组 colors&#xff0c;里面有 1、2、 3 三种颜色。 我们需要在 colors 上进行一些查询操作 queries&#xff0c;其中每个待查项都由两个整数 i 和 c 组成。 现在请你帮忙设计一个算法&#xff0c;查找从索引 i 到…

java跳转html页面_springboot 2.0.8 跳转html页面

springboot 成功创建了后&#xff0c;继续写一下跳转到html页面的方法, 这里我把 jsp和html 分开两篇文章。然后再写一个两种方式整合的这篇 是跳转到html文件的1创建目录结果和html文件​ 2配置return 返回模版​ 3.UserController.java代码如下&#xff0c;这里就直接使用上…

LeetCode MySQL 1212. 查询球队积分

文章目录1. 题目2. 解题1. 题目 Table: Teams ------------------------- | Column Name | Type | ------------------------- | team_id | int | | team_name | varchar | ------------------------- 此表的主键是 team_id&#xff0c;表中的每一行都…

js encodeurl java接收_在JS中encodeURI(url)怎样才能不出现乱码?

这次给大家带来在JS中encodeURI(url)怎样才能不出现乱码&#xff1f;&#xff0c;在JS中使用encodeURI(url)的注意事项有哪些&#xff0c;下面就是实战案例&#xff0c;一起来看一下。一般情况下, 发送 encodeURIComponent(parmeName)""encodeURIComponent(parmeValu…

Google Maps API 简易教程(四)

Google Maps 类型 一、基本地图类型 Google Maps API支持一下map类型&#xff1a; .ROADMAP&#xff08;正式的&#xff0c;默认为2D地图&#xff09; .SATELLITE&#xff08;逼真的地图&#xff09; .HYBRID(逼真地图道路和城市名) .TERRAIN&#xff08;山脉和河流地图等等&am…

LeetCode MySQL 1077. 项目员工 III

文章目录1. 题目2. 解题1. 题目 项目表 Project&#xff1a; ---------------------- | Column Name | Type | ---------------------- | project_id | int | | employee_id | int | ---------------------- (project_id, employee_id) 是这个表的主键 employee_…

Java什么是重用_深度解析:java必须掌握的知识点——类的重用

类继承的概念和语法类继承的概念根据已有类来定义新类,新类拥有已有类的所有功能。Java只支持类的单继承,每个子类只能有一一个直接超类(父类)。超类是所有子类的公共属性及方法的集合&#xff0c;子类则是超类的特殊化。继承机制可以提高程序的抽象程度&#xff0c;提高代码的…

Ajax-基础篇(持续更新01)

1&#xff1a;例子&#xff1a;下面的例子点击按钮会在不更新整个页面的情况下动态更新内容abcdefgchange abcdefg 代码如下&#xff1a; <html> <head> <script type"text/javascript" src"/jquery/jquery.js"></script> <scr…

LeetCode MySQL 1205. 每月交易II(union all)*

文章目录1. 题目2. 解题1. 题目 Transactions 记录表 ------------------------- | Column Name | Type | ------------------------- | id | int | | country | varchar | | state | enum | | amount | int | | trans…