js实现给<a href=""> href赋值

本文介绍如何使用JavaScript动态修改HTML中的超链接地址,包括通过ID选择元素并赋值,以及在表单中应用动态链接,并展示修改后的URL。
<head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="css/gonggong.css" /> <script src="js/index.js" type="text/javascript" charset="UTF-8"></script> <title>首页</title> <body> <!-- 头部区域 --> <div class="header"> <div class="top"> <div class="w1200"> <div class="fr"> <a href="login.html">登录</a>| <a href="zhuce.html">注册</a> </div> </div> </div> <div class="nav bg-white"> <div class="w1200"> <a class="fl" href="index.html"><img src="images/logo.png"></a> <div class="fr"> <ul> <li class="act"><a href="index.html">首页</a></li> <li><a href="jieqi.html">二十四节气</a></li> <li><a href="jianjie.html">节气简介</a></li> <li><a href="yuanyuan.html">节气渊源</a></li> </ul> </div> </div> </div> </div> <!-- banner区域 --> <div class="banner"></div> <!-- 首页内容区域 --> <div class="goods-con"> <div class="w1200"> <h3>三立一春</h3> <div class="goods-item fr"> <div class="shangpin item bz"> <a class="fl bz" href="#"> <img src="images/chunfen.jpg"> <div class="ell_1 tc">春分</div> </a> <a class="fl bz" href="#"> <img src="images/lixia.jpg"> <div class="ell_1 tc">立夏</div> </a> <a class="fl bz" href="#"> <img src="images/liqiu.jpg"> <div class="ell_1 tc">立秋</div> </a> <a class="fl bz" href="#"> <img src="images/lidong.jpg"> <div class="ell_1 tc">立冬</div> </a> </div> </div> </div> </div> <div class="container"> <a href="#"> <div class="contentbox"> <h1>春分的诗句</h1> <p>欧阳修:《阮郎归》青梅如豆柳如眉,日长蝴蝶飞。花露重,草烟低,人家帘幕垂。</p> </div> </a> <a href="#"> <div class="contentbox"> <h1>立夏的诗句</h1> <p>张大烈《阮郎归·立夏》:“绿阴铺野换新光,薰风初昼长。小荷贴水点横塘,蝶衣晒粉忙。”</p> </div> </a> <a href="#"> <div class="contentbox"> <h1>立秋的诗句</h1> <p>刘翰《立秋》:“乳鸦啼散玉屏空,一枕新凉一扇风。睡起秋色无觅处,满街梧桐月明中。”</p> </div> </a> <a href="#"> <div class="contentbox"> <h1>立冬的诗句</h1> <p>李白《立冬》:“冻笔新诗懒写,寒炉美酒时温。醉看墨花月白,恍疑雪满前村。”</p> </div> </a> </div> <!-- Start:图文介绍 --> <div class="jieshao"> <div class="jieshao-con w1200"> <img class="fl" src="images/duanwu1.jpg" id="img"/> <div class="jieshao1 fl"> <h3 class="f26" id="h1">端午节介绍</h3> <p class="jieshao1p f14">端午节是中国传统节日,在每年农历五月初五。它起源蕴含着深邃的文化内涵,在传承发展中杂糅了多种民俗为一体。主要习俗:吃粽子:用粽叶包裹糯米、红枣、肉类等食材煮熟,是端午节的标志性食物。赛龙舟:多人协作划桨竞渡,相传是为纪念投江的屈原,如今成为极具观赏性的民俗活动。挂艾草、菖蒲:人们认为这些植物能驱邪避瘟,常挂于门前祈福。佩香囊:香囊内装香料,佩戴在身上有驱虫、提神的作用,也寄托美好祝愿。</p> </div> </div> </div> <!--End:图文介绍结束 --> <!-- Start:视频播放 --> <video src="video/hhhh.mp4" controls="controls" autoplay="autoplay" loop="loop" muted="muted"></video> <!-- Start:视频播放结束 --> <div class="footer tc"></div> </body> 这段代码是什么意思
06-26
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>木毛旅行社 - 注册</title> <link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="stylesheet" type="text/css" href="css/base.css"> <link rel="stylesheet" type="text/css" href="css/login.css"> <style> /* 隐藏注册成功提示信息 */ #success-message { display: none; color: green; text-align: center; margin-top: 10px; } </style> </head> <body> <header id='header'> <div class='center'> <h1 class="logo">木毛旅行社</h1> <nav> <h2 class="none">网站导航</h2> <ul class="link"> <li><a href="index.html">首页</a></li> <li><a href="information.html">旅游咨询</a></li> <li><a href="buy.html">机票订购</a></li> <li><a href="scenery.html">风景欣赏</a></li> <li class="active"><a href="#">登录</a></li> </ul> </nav> </div> </header> <script> function jump() { window.location = "login.html"; } function jump_1() { window.location = "register.html"; } function submitForm() { // 获取输入框的值 var phoneOrEmail = document.getElementById('phone-or-email').value; var password = document.getElementById('password').value; var confirmPassword = document.getElementById('confirm-password').value; // 简单验证输入框是否为空 if (phoneOrEmail === '' || password === '' || confirmPassword === '') { alert('请填写所有必填字段'); return false; } // 模拟注册成功,显示提示信息 document.getElementById('success-message').style.display = 'block'; // 隐藏表单 document.getElementById('login-form').style.display = 'none'; return false; } </script> <div id="search"> <div id="login"> <div class="login-header"> <span id="login_header" onclick="jump()">登录</span> <b>·</b> <span id="login_header1" onclick="jump_1()">注册</span> </div> <form id="login-form"> <input id="phone-or-email" class="input" placeholder="手机号或邮箱" type="text"> <input id="password" class="input" placeholder="密码" type="password"> <input id="confirm-password" class="input" placeholder="确认密码" type="password"> <button class="button_1" onclick="return submitForm()">提交</button> </form> <div id="success-message">注册成功!</div> <div class="bottom"> 点击 “注册” 即表示您同意并愿意遵守 <a href="www.baidu.com">用户协议</a> 和 <a href="www.baidu.com">隐私政策</a> 。 </div> </div> </div> </body> </html>
最新发布
12-11
<tr> <td>Status:</td> <td colspan="3" style="text-align: left;"><select name="status"> <option value="KITTING" selected="selected">KITTING</option> </select></td> </tr> <tr> <td>FabSite:</td> <td colspan="3" style="text-align: left;"><select name="fab"> <option value="J2A DOI" selected="selected">DOI</option> </select></td> </tr> 明明有值,为什么 String lotId = FormatUtils.parseString(request.getParameter("lotId")); String rackId = FormatUtils.parseString(request.getParameter("rackId")); String status = FormatUtils.parseString(request.getParameter("status")); String fab = FormatUtils.parseString(request.getParameter("fab")); int pageSize = LineSideConstants.PAGE_SIZE_10; Integer pageIndex = FormatUtils.parseInteger(request.getParameter("pageIndex")); if (pageIndex == null) { pageIndex = 0; } RmsBinLotDetail rmsBinLotDetail = new RmsBinLotDetail(); rmsBinLotDetail.setLotId(lotId.trim()); rmsBinLotDetail.setCabinetId(rackId.trim()); rmsBinLotDetail.setStatus(status.trim()); rmsBinLotDetail.setFabsite(fab.trim()); 这两个还是空值? rmsBinLotDetail.setStatus(status.trim()); rmsBinLotDetail.setFabsite(fab.trim()); 完整代码如下: <%@page import="com.sjsemi.lsmm.domain.RmsBinLotDetail" %> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %> <%@ page import="java.util.*" %> <%@page import="com.sjsemi.lsmm.service.RmsService" %> <%@ page import="org.springframework.web.context.support.WebApplicationContextUtils" %> <%@ page import="org.springframework.context.ApplicationContext" %> <%@ page import="com.sjsemi.lsmm.common.LineSideConstants" %> <%@ page import="com.sjsemi.prms.domain.PagerResult" %> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title><%=Global.WEB_TITLE %> </title> <% request.setCharacterEncoding("UTF-8"); %> <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" type="text/css" href="lib/bootstrap/css/bootstrap.css"> <link rel="stylesheet" type="text/css" href="custom/global.css"> <link rel="stylesheet" type="text/css" href="stylesheets/theme.css"> <link rel="stylesheet" href="lib/font-awesome/css/font-awesome.css"> <link rel="stylesheet" type="text/css" href="stylesheets/jquery-ui.css"> <script src="lib/jquery-1.7.2.min.js" type="text/javascript"></script> <script src="lib/jquery-ui-1.10.4.js" type="text/javascript"></script> <!-- Demo page code --> <style type="text/css"> #line-chart { height: 300px; width: 800px; margin: 0px auto; margin-top: 1em; } .brand { font-family: georgia, serif; } .brand .first { color: #FF5C0D; font-style: italic; } .brand .second { color: #fff; font-weight: bold; } </style> <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements --> <!--[if lt IE 9]> <script src="lib/html5.js"></script> <![endif]--> <!-- Le fav and touch icons --> <link rel="shortcut icon" href="../assets/ico/favicon.ico"> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png"> <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png"> </head> <% ApplicationContext appContext = WebApplicationContextUtils.getWebApplicationContext(this.getServletContext()); RmsService rmsService = (RmsService) appContext.getBean("rmsService"); String lotId = FormatUtils.parseString(request.getParameter("lotId")); String rackId = FormatUtils.parseString(request.getParameter("rackId")); String status = FormatUtils.parseString(request.getParameter("status")); String fab = FormatUtils.parseString(request.getParameter("fab")); int pageSize = LineSideConstants.PAGE_SIZE_10; Integer pageIndex = FormatUtils.parseInteger(request.getParameter("pageIndex")); if (pageIndex == null) { pageIndex = 0; } RmsBinLotDetail rmsBinLotDetail = new RmsBinLotDetail(); rmsBinLotDetail.setLotId(lotId.trim()); rmsBinLotDetail.setCabinetId(rackId.trim()); rmsBinLotDetail.setStatus(status.trim()); rmsBinLotDetail.setFabsite(fab.trim()); PagerResult<RmsBinLotDetail> pagerResult = rmsService.queryRmsBinLotDetailByPage(rmsBinLotDetail, pageIndex); List<RmsBinLotDetail> rmsBinLotDetails = pagerResult.getResultList(); %> <body class=""> <%@ include file="navBar.jsp" %> <%@ include file="sideBar.jsp" %> <div class="content"> <div class="header"> <h1 class="page-title">Search&Report</h1> </div> <div class="container-fluid"> <div class="raw-fluid"> <div class="block span6" style="width: 99%;"> <a href="#tablewidget" class="block-heading" data-toggle="collapse">Search Criteria </a> <div id="tablewidget" class="block-body collapse in"> <form id="frmQuery" action="<%=Page.TD_RMS_LOT_SEARCH %>" method="post"> <input type="hidden" name="menu" value="<%=menu%>"> <input type="hidden" name="function" value="<%=function%>"> <input type="hidden" name="pageIndex"/> <table class="table"> <tr> <td>Lot ID:</td> <td><input type="text" id="lotId" name="lotId" value="<%=lotId %>"></td> </tr> <tr> <td>Cabinet ID:</td> <td><input type="text" id="rackId" name="rackId" value="<%=rackId %>"></td> </tr> <tr> <td>Status:</td> <td colspan="3" style="text-align: left;"><select name="status"> <option value="KITTING" selected="selected">KITTING</option> </select></td> </tr> <tr> <td>FabSite:</td> <td colspan="3" style="text-align: left;"><select name="fab"> <option value="J2A DOI" selected="selected">DOI</option> </select></td> </tr> <tr> <td colspan="4" style="text-align: center;"><input type="submit" class="btn btn-primary btn-small" value="Search" id="btnSearch"/></td> </tr> </table> </form> </div> </div> </div> </div> <div class="container-fluid"> <div class="raw-fluid"> <div class="block span6" style="width: 99%;"> <a href="#tablewidget1" class="block-heading" data-toggle="collapse">Search Result List</a> <div id="tablewidget1" class="block-body collapse in"> <table class="table"> <thead> <tr> <th></th> <th>Cabinet ID</th> <th>Lot ID</th> <th>Physical Lot ID</th> <th>Customer Code</th> <th>Customer Lot ID</th> <th>QTY</th> <th>Product ID</th> <th>Status</th> <th>Action</th> <th>Create Date</th> <th>Operator</th> <th>FabSite</th> <th>BoundFlag</th> </tr> </thead> <tbody> <% for (int i = 0; i < rmsBinLotDetails.size(); i++) { RmsBinLotDetail item = rmsBinLotDetails.get(i); %> <tr> <td><%=pageIndex * pageSize + (i + 1) %> </td> <td><%=item.getCabinetId() %> </td> <td><%=item.getLotId() %> </td> <td></td> <td></td> <td></td> <td></td> <td></td> <td><%=item.getStatus() %> </td> <td></td> <td><%=item.getcDate() %> </td> <td><%=item.getcUser() %> </td> <td><%=item.getFabsite() %> </td> <td></td> </tr> <% } %> </tbody> </table> </div> </div> <div class="pagination"> <ul> <% int pageCount = pagerResult.getPageCount(); int totalShowPage = 10; int startPageIndex = pageIndex - totalShowPage / 2; int endPageIndex = 0; if (startPageIndex < 0) { startPageIndex = 0; } endPageIndex = startPageIndex + 20; if (endPageIndex > pagerResult.getPageCount() - 1) { endPageIndex = pagerResult.getPageCount() - 1; } if (pageIndex > 0) { %> <li><a href="javascript:void(0);" onclick="SearchPage('<%=0 %>');">First</a></li> <li><a href="javascript:void(0);" onclick="SearchPage('<%=pageIndex - 1 %>');">Prev</a></li> <% } if (startPageIndex > 0) { %> <li><a href="javascript:void(0);" onclick="SearchPage('<%=startPageIndex - 1 %>');">...</a></li> <% } for (int i = startPageIndex; i <= endPageIndex; i++) { if (i == pageIndex) { %> <li><a href="#" style="background-color: lightgray;"><%=i + 1 %> </a></li> <% } else { %> <li><a href="javascript:void(0);" onclick="SearchPage('<%=i %>');"><%=i + 1 %> </a></li> <% } } if (endPageIndex < pageCount - 1) { %> <li><a href="javascript:void(0);" onclick="SearchPage('<%=endPageIndex + 1 %>');">...</a></li> <% } if (pageIndex < pageCount - 1) { %> <li><a href="javascript:void(0);" onclick="SearchPage('<%=pageIndex + 1 %>');">Prev</a></li> <li><a href="javascript:void(0);" onclick="SearchPage('<%=pageCount - 1 %>');">Last</a></li> <% } %> </ul> </div> </div> </div> </div> <script src="lib/bootstrap/js/bootstrap.js"></script> <script type="text/javascript"> $(document).ready(function () { $("#frmQuery select[name='status']").val('<%=status %>'); $("#frmQuery select[name='fab']").val('<%=fab %>'); }); function SearchPage(pageIndex) { $("#frmQuery input[name='pageIndex']").val(pageIndex); $("#frmQuery").submit(); } </script> </body> </html>
12-04
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值