使用DOM改变链接

最新推荐文章于 2021-11-19 15:27:48 发布
最新推荐文章于 2021-11-19 15:27:48 发布
阅读量224 收藏
点赞数
文章标签： 前端 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
关注
javascript使用Dom改变超链接前面文本框的值
10-30
### JavaScript 使用 DOM 改变超链接前面文本框的值 #### 概述 在Web开发中，DOM（Document Object Model）是一种用于HTML和XML文档的标准对象模型。它将文档视为节点树，允许开发者通过JavaScript来访问、修改...
javascript使用switch case实现动态改变超级链接文字及地址
10-25
这段代码演示了如何使用JavaScript结合HTML和CSS技术来实现用户界面中基于用户交互的动态内容更新，特别适用于网页中需要根据用户操作改变链接的场景。代码通过模拟一个银行选择的场景，展示了如何在用户选择不同的...
Dom学习之更改一个链接的文本、URL 以及 target
長い冬が越さなければ春が来ない。
10-29 766
在本例中，我们改变超链接的文本和 URL。我们也改变 target 属性。target 属性的默认设置是 "_self"，这意味着会在相同的窗口中打开链接。通过把 target 属性设置为 "_blank"，链接将在新窗口中打开。
用DOM实现简单的点击按钮变换连接
java_zhaoyanli的专栏
03-01 329
function change(){ var a = document.getElementById("a"); a.href="http://www.csdn.net"; a.innerHTML = "CSDN"; } 百度 变 点击后：
web前端DOM操作
iteye_582的博客
04-13 108
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
Web前端第三季(JavaScript):十六:第5章:JavaScript DOM文档对象模型:505-修改超链接-图片-复选框和css样式的单独函数+506-给元素添加DOM事件的三种方式
qq_40544338的博客
11-19 280
目录 一.目的 1.想：学习前端知识 2.想：记录笔记，下次不用看视频，直接看笔记就可以快速回忆。 二.参考 1.我自己代码的GitHub网址 2.SIKI学院:我参考此视频实操 3.w3school官网:当做字典使用 4.菜鸟教程：当做字典使用 三.注意 操作:1:成功:505-修改超链接-图片-复选框和css样式的单独函数 1.运行结果:成功: 操作:2:成功:506-给元素添加DOM事件的三种方式 1.运行结果:成功: 一.目的 1.想：学习前端知识 2.想：记..
jquery DOM操作 基于命令改变页面
10-29
jQuery（又名JQuery）是一种广泛使用的JavaScript库，它极大地简化了DOM（Document Object Model）操作。在网页开发中，DOM是HTML或XML文档的结构化表示，允许通过编程方式访问和修改页面内容。jQuery提供了丰富的...
DOM.zip_DOM_www.692dom，com
09-20
4. **阻止事件默认行为**: 使用`event.preventDefault()`可以防止事件的默认行为，比如链接的跳转或表单的提交。 5. **停止事件冒泡**: `event.stopPropagation()`可以阻止事件继续向父元素冒泡。 6. **一次性事件...
dom 生成图片和链接生成二维码
weixin_34258078的博客
04-18 125
1. dom 生成图片 此处使用的是 html2canvas 插件 和canvas2image插件 html2canvas 方法的第二个入参还有很多选项可以配置，详情请看这里这里 html 1 <div class="layout"> 2 <div class="img"><img src="./poster_bg.png" /&gt...
dom补充
yanbuxu的博客
05-13 1236
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：常用元素的属性操作（src、href、title......）
weixin_46682277的博客
03-16 417
修改图片中的src和title属性，示例： <button id="btn1">喻言美图1</button> <button id="btn2">喻言美图2</button><br> <img src="img/1.jpg" alt="" title="喻言美图1"> <script> var btn1 = document.getElementById("btn1"); var btn2 = docum
react-router-dom示例讲解（四）——自定义链接
mapbar_front的博客
03-19 2035
在react-router-dom的官方示例中，自定义链接算是一个比较简单的功能了。其核心就是Route以及其children属性的使用。 效果示例的展示： 相关代码： //在App.js中 import React, {Component} from 'react'; import { BrowserRouter as Router, Route, Lin...
JS修改链接地址实现页面动态跳转的方法
菜鸟笔记
06-30 7420
网页跳转用原生的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 450
为文档中添加新的DOM元素有时是很必要的。和把大象关冰箱一样，总共分三步： 第一步：创建一个你要添加的节点或元素(node/element)第二步：要让DOM知道你想把它添加到文档中的哪个位置，即使用document.getElementById()或父亲，孩子节点来在document tree中定位父元素位置第三步：是将这个新建的节点或元素添加到你想添加的位置上去，使用appendChild(...
DOM(document获取节点byId.byTagName运用实现超链接跳转与不跳转)
qq_34734520的博客
06-04 1229
web-strom开发 1.运用实现超链接跳转与不跳转 实现超链接页面跳转与不跳转 /*对于网页中的超链接，新闻链接新窗口打开，门户网站当前页面打开 *当然是要获取其中被操作的超链接对象 *可是通过document拿到的是所有的超链接对象 * 只想获取一部分 * 只要获得被操作的
使用JavaScript操作DOM改变链接
3. **JavaScript事件处理**: 在例子中，`onclick`事件处理器被用来调用`changeLink()`函数，当用户点击按钮时，这个函数就会执行，从而改变链接。 4. **HTML基础知识**: 描述提到了HTML标签的规范，所有标签需正确...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值