使用DOM改变链接

最新推荐文章于 2021-11-19 15:27:48 发布
最新推荐文章于 2021-11-19 15:27:48 发布
阅读量200 收藏
点赞数
文章标签： 前端 java javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lisha2009/article/details/84158975
版权

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
   
    <title>使用DOM改变链接</title>
 <meta http-equiv="pragma" content="no-cache">
 <meta http-equiv="cache-control" content="no-cache">
 <meta http-equiv="expires" content="0">   
 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
 <meta http-equiv="description" content="This is my page">
 <!--
 <link rel="stylesheet" type="text/css" href="styles.css">
 -->
  </head>
  <script type="text/javascript">
   var count = 0;
   function changeLink(){
      if((count += 1)%2 == 0){
       document.getElementById("taobao").innerHTML="搜狐";
       document.getElementById("taobao").href="http://www.sohu.com";
      }else{
       document.getElementById("taobao").innerHTML="淘宝";
       document.getElementById("taobao").href="http://www.taobao.com";
      }
   }
  </script>
  <body>
   <table>
    <tr>
     <td><a id="taobao"  href="http://www.taobao.com ">淘宝</a></td>
     <td><input type="button" οnclick="changeLink()" value="使用DOM改变链接"/></td>
    </tr>
   </table>
  </body>
</html>

lisha4356
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jquery DOM操作 基于命令改变页面
10-29
jQuery（又名JQuery）是一种广泛使用的JavaScript库，它极大地简化了DOM（Document Object Model）操作。在网页开发中，DOM是HTML或XML文档的结构化表示，允许通过编程方式访问和修改页面内容。jQuery提供了丰富的...
HTML DOM Viewer
12-12
用来查看DOM的工具，可以当作手册来用，也可以用来Debug,很方便的说 把代码copy到要调试的页面中，浏览时点击DOM Tester链接就会打开DOM查看，双击展开对象，右边的文本框里显示的是属性值，修改文本框会改变对应的...
dom补充
yanbuxu的博客
05-13 1123
DOM-下 一、操作 属性操作 … 样式操作 设置 什么时候会通过js设置样式？ 默认样式都在css中写了 必然是和用户产生和交互的时候 什么时候会和用户产生交互？ 至少至少是在项目写完了，上线之后，意味着css也写完了 为了保证js（用户控制）的样式能够生效，至少得让js设置的样式，权重高一些 至少，得是内联样式 综上所述，在js中设置的样式，都是行内样式！ 方式 可见的内置属性（html的属性）：style 注意 // 1.不允许出现中划线，改成小驼峰式 obox.style.fontSize = “1
在html静态页面按钮链接，给button加上提交的链接等方法
热门推荐
...
09-06 4万+
1、按钮做成链接(图片)的样子 提交按钮 提交链接提交 重置按钮 重置链接重置 普通按钮 普通链接链接 至于图片也一样把a标签换成img 2、链接做成按钮的样子 注册 => ----------------------------------- 有的时候我们完全可以手工做一个get方式的
Dom学习之更改一个链接的文本、URL 以及 target
長い冬が越さなければ春が来ない。
10-29 738
在本例中，我们改变超链接的文本和 URL。我们也改变 target 属性。target 属性的默认设置是 "_self"，这意味着会在相同的窗口中打开链接。通过把 target 属性设置为 "_blank"，链接将在新窗口中打开。
用DOM实现简单的点击按钮变换连接
java_zhaoyanli的专栏
03-01 313
function change(){ var a = document.getElementById("a"); a.href="http://www.csdn.net"; a.innerHTML = "CSDN"; } 百度 变 点击后：
jQuery 获取/设置/删除DOM元素的属性以a元素为例
10-25
通过以上方法，我们可以轻松地对DOM元素进行操作，无论是处理链接的`href`属性还是调整元素的外观。jQuery的强大之处在于它简化了原本繁琐的DOM操作，使得开发者能够更高效地编写和维护代码。无论是初学者还是经验...
javaScript-DOM编程艺术
11-24
通过DOM，JavaScript可以访问和修改网页上的所有元素，如文本、图像、链接等。 在了解JavaScript语法的基础上，我们可以更深入地学习DOM编程。首先，JavaScript的基本语法包括语句、注释和变量的使用。语句是程序的...
JQuery实现的在新窗口打开链接的方法小结
10-29
第一种方法适合于只想改变特定类别的链接行为，第二种方法则是全局性改变所有链接的行为，而第三种则提供了一种更为灵活的选择，允许你基于链接的其他属性来决定是否在新窗口打开。 在使用这些方法时，需要注意的是...
dom 生成图片和链接生成二维码
weixin_34258078的博客
04-18 105
1. dom 生成图片 此处使用的是 html2canvas 插件 和canvas2image插件 html2canvas 方法的第二个入参还有很多选项可以配置，详情请看这里这里 html 1 <div class="layout"> 2 <div class="img"><img src="./poster_bg.png" /&gt...
react-router-dom示例讲解（四）——自定义链接
mapbar_front的博客
03-19 2012
在react-router-dom的官方示例中，自定义链接算是一个比较简单的功能了。其核心就是Route以及其children属性的使用。 效果示例的展示： 相关代码： //在App.js中 import React, {Component} from 'react'; import { BrowserRouter as Router, Route, Lin...
Web前端第三季(JavaScript):十六:第5章:JavaScript DOM文档对象模型:505-修改超链接-图片-复选框和css样式的单独函数+506-给元素添加DOM事件的三种方式
qq_40544338的博客
11-19 256
目录 一.目的 1.想：学习前端知识 2.想：记录笔记，下次不用看视频，直接看笔记就可以快速回忆。 二.参考 1.我自己代码的GitHub网址 2.SIKI学院:我参考此视频实操 3.w3school官网:当做字典使用 4.菜鸟教程：当做字典使用 三.注意 操作:1:成功:505-修改超链接-图片-复选框和css样式的单独函数 1.运行结果:成功: 操作:2:成功:506-给元素添加DOM事件的三种方式 1.运行结果:成功: 一.目的 1.想：学习前端知识 2.想：记..
JS修改链接地址实现页面动态跳转的方法
菜鸟笔记
06-30 7361
网页跳转用原生的JavaScript就可以实现。 至于是跳转至不同的域名，还是跳转至当前域名不同的路径，甚至是将HTTP协议修改为HTTPS协议，这些事情都可以通过JS修改location值可以实现。 如果将location当做是一个对象，以 http://www.yixzm.cn/post 页面为例，那么它的每个成员变量含义如下： location.host: 域名，如 www.yixzm...
向 DOM 中增加新的元素—— Adding elements to the DOM
weixin_34189116的博客
01-08 390
为文档中添加新的DOM元素有时是很必要的。和把大象关冰箱一样，总共分三步： 第一步：创建一个你要添加的节点或元素(node/element)第二步：要让DOM知道你想把它添加到文档中的哪个位置，即使用document.getElementById()或父亲，孩子节点来在document tree中定位父元素位置第三步：是将这个新建的节点或元素添加到你想添加的位置上去，使用appendChild(...
web前端DOM操作
iteye_582的博客
04-13 93
xml: &lt;?xml version="1.0" encoding="gb2312"?&gt;&lt;!-- 参考书籍 --&gt;&lt;books&gt;  &lt;book id="a002"&gt;    &lt;name&gt;编译原理&lt;/name&gt;    &lt;price&gt;30&lt;/pr
js a标签下载文件 改变文件类型
最新发布
06-08
在JavaScript中，如果你想让用户通过`<a>`标签下载文件并更改文件类型，你需要设置`href`属性指向你要下载的文件URL，并且添加一个`download`属性，同时可以使用`contentDisposition`头来指定文件名和类型。以下是一个基本的例子： ```javascript // 假设你有一个名为"data.csv"的数据，实际上存储在服务器上，你想要伪装成PDF（.pdf） const url = 'http://your-server.com/data.csv'; const fileName = '伪装的文件名.pdf'; // 用户看到的文件名 const mimeType = 'application/pdf'; // 需要改变的文件类型 // 创建a标签 const aElement = document.createElement('a'); // 设置链接属性 aElement.href = url; aElement.download = fileName; aElement.setAttribute('target', '_blank'); // 打开新窗口下载 // 使用Blob和URL.createObjectURL生成隐藏的下载链接 const blob = new Blob([`data:text/${mimeType},${encodeURIComponent(fileName)}\n${fetch(url).text()}`], {type: mimeType}); const urlObject = URL.createObjectURL(blob); // 设置`href`为临时的URL aElement.href = urlObject; // 触发点击事件模拟下载 document.body.appendChild(aElement); // 添加到DOM中以触发事件 aElement.click(); document.body.removeChild(aElement); // 删除元素以防止内存泄漏

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值