<a href="Login.jsp" onclick="this.style.display = 'none'" class="alertLogin">登录</a> <a href="#" onclick="this.style.display = 'none'" class="alertregister">注册</a>跳转后重定向回原来的界面<a>标签并未删除怎么办
时间: 2023-08-14 11:09:05 浏览: 32
可以使用 JavaScript 在页面加载完成后将这两个链接删除,示例如下:
```javascript
window.onload = function() {
var loginLink = document.querySelector('.alertLogin');
var registerLink = document.querySelector('.alertregister');
if (loginLink) {
loginLink.parentNode.removeChild(loginLink);
}
if (registerLink) {
registerLink.parentNode.removeChild(registerLink);
}
}
```
这段代码会在页面加载完成后查找 `.alertLogin` 和 `.alertregister` 两个元素,如果找到则将它们的父元素中删除这两个链接。注意,这段代码必须放在页面底部,否则可能无法找到这两个链接。
相关问题
<div class="col-md-3" style="padding-top:20px"> <ol class="list-inline" style="font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; color: red;"> <li><a href="login.jsp">登录</a></li> <li><a href="register.jsp">注册</a></li> <li><a href="cart.jsp">购物车</a></li> <li><a href="order_list.jsp">我的订单</a></li> </div>这段代码没有改变字体样式
在这段代码中,您的`<ol>`列表标签没有被正确关闭。应该在`</ol>`之后关闭`</div>`标签。以下是一个修复后的例子:
```html
<div class="col-md-3" style="padding-top:20px">
<ol class="list-inline" style="font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; color: red;">
<li><a href="login.jsp">登录</a></li>
<li><a href="register.jsp">注册</a></li>
<li><a href="cart.jsp">购物车</a></li>
<li><a href="order_list.jsp">我的订单</a></li>
</ol>
</div>
```
在这个修复后的例子中,`<ol>`列表标签被正确地关闭,并且样式属性被正确地应用到了列表中的链接元素。
<li><a href="login.jsp">登录</a></li>怎么改变字体
您可以使用CSS样式来改变字体。以下是一个例子:
```html
<li><a href="login.jsp" style="font-family: Arial, sans-serif; font-size: 18px;">登录</a></li>
```
在这个例子中,我使用了`style`属性来定义字体和字号。`font-family`属性指定字体系列,`font-size`属性指定字体大小。您可以根据需要进行更改。