通过内联的<script>块向按钮添加href不会重定向到另一个页面。该怎么做呢？
通过内联的<script>块向按钮添加href不会重定向到另一个页面的原因是，<script>标签中的代码会被解释为JavaScript代码，而不是HTML代码。因此，添加href属性不会被解释为链接地址。
要解决这个问题，可以使用JavaScript来实现按钮的重定向功能。具体步骤如下：
- 首先，在按钮的HTML代码中添加一个唯一的id属性，例如：
- 首先，在按钮的HTML代码中添加一个唯一的id属性，例如：
- 在<script>标签中编写JavaScript代码，通过获取按钮元素并为其添加点击事件监听器来实现重定向功能。代码如下：
- 在<script>标签中编写JavaScript代码，通过获取按钮元素并为其添加点击事件监听器来实现重定向功能。代码如下：
- 将上述代码插入到你的HTML文件中，确保<script>标签位于按钮元素之后。
通过以上步骤，当用户点击按钮时，JavaScript代码会被执行，从而实现页面的重定向功能。在代码中，可以将window.location.href设置为你想要跳转的链接地址。
腾讯云相关产品和产品介绍链接地址：
- 云函数（Serverless）：https://cloud.tencent.com/product/scf
- 云开发（小程序开发）：https://cloud.tencent.com/product/tcb
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 区块链（BCBaaS）：https://cloud.tencent.com/product/baas
- 视频直播（CSS）：https://cloud.tencent.com/product/css
- 音视频处理（VOD）：https://cloud.tencent.com/product/vod
- 移动推送（TPNS）：https://cloud.tencent.com/product/tpns
- 网络安全（SSL 证书）：https://cloud.tencent.com/product/ssl
相关·内容
3回答
我的目标是做一个肚脐带的引导带3.3.6与按钮放置在里面。这些按钮应该允许导航到页面的不同部分，这些部分是用锚元素实现的。
但是，当我将按钮放置在导航栏内时，按钮就无法工作，这是令人困惑的，因为按钮允许在导航栏之外定位导航。
以下是完整的代码：
#bg-colr-div {
background-color: black;
color: white;
}
body h2 {
color: #1a1aff;
}
.container {
position: absolute;
left: 70%;
font-size: 1.5em
}
#abtme-
浏览 5提问于2016-06-22得票数 0
回答已采纳
3回答
确认警报的验证
、、
脚本
<script language="javascript" type="text/javascript">
function FinalFunction() {
//Your First Script
return confirm('Are you sure about to submit the test?');
}
</script>
<asp:Button ID="Button1" runat="server" T
浏览 0提问于2011-05-11得票数 0
回答已采纳
1回答
我正在尝试设置“同意条款”复选框，如果选中，我希望用户被重定向到我网站上的另一个页面，但我只能让它确保复选框被选中或按钮被重定向，但我似乎不能让它同时做到这两点
我的HTML：
<form method="post">
<input type="checkbox" name="terms" id="checkbox" value="agree" required /><span style="color: #fff;">I agree to
浏览 2提问于2015-07-15得票数 0
2回答
是否可以设置一个按钮链接，以重定向到另一个页面的标题？
例如，在菜单中，我有页面“已实现的项目”，并希望重定向到页面“欢迎”，在那里，我有我的投资组合与标题“已实现的项目”。有可能用我现在使用的脚本来完成吗？
<script>
setTimeout(function(){location.href="http://example.com/alternate_url.html"} , 0);
</script>
我需要这样的东西，但在加载页面后重定向：<a href="http://example.com/alternate_url.
浏览 0提问于2021-03-31得票数 0
回答已采纳
1回答
你好，我想使用php和javascript将我的Facebook应用程序页面重定向到另一个应用程序页面
我有过
echo "<script type='text/javascript'>
if(window.top.location.href.toLowerCase().indexOf('http://apps.facebook.com/app1/') != -1) {
window.top.location.href = 'http://apps.facebook.com/app2/2/';
alert(&#
浏览 1提问于2011-08-07得票数 4
回答已采纳
6回答
我需要提交下面的表单，并将页面重定向到另一个站点，以便按照输入的searchString显示搜索结果。
<a href="#" class="button search">
<span class="spanclass"></span>
<input class="expand" name="searchString" type="text">
<span id="searchButton" class=&
浏览 1提问于2015-12-29得票数 5
回答已采纳
1回答
我有以下代码
<script type="text/javascript">
jQuery(document).ready(function() {
beginCartnotification();
});
setTimeout(function () {
window.location.href = "http://www.someurl.com";
}, 5000);
</script>
<script t
浏览 0提问于2015-07-03得票数 0
回答已采纳
我有两个html页面page_1.html和page_2.html。在page_1.html中，我有一个按钮，单击该按钮后应该重定向到page_2.html。但是，只有当按钮具有字符背景色时，它才应该重定向。
所以，在page_1.html中，我有一个按钮：
Organization:<div id="org"><input type="checkbox" id="cb1" >ID no: <input type="number" id="org_number" style="
浏览 2提问于2020-12-30得票数 1
回答已采纳
对于一个课程，我们正在设计一个网站(可以在这里找到：)，我正在尝试它。
由于这个网站应该是面向儿童的，我想让它更具交互性和趣味性，并使顶部的选项卡按钮在被点击时弹出。然而，我在做这件事时遇到了一些麻烦。
首先，我在我的超文本标记语言中为所有的链接添加了div，这样我就可以通过jQuery访问按钮来获得弹跳效果，但是当我这样做的时候，似乎破坏了我的CSS。(请参阅:除联系人页面以外的所有页面，我在该页面中删除了div。)
以下是导航选项卡HTML：
<div id = "links">
<div class="bounce-tab">
浏览 0提问于2012-03-27得票数 0
回答已采纳
我有一个HTML页面，其中主体由一个<header>元素和一个<main>元素组成。问题是，在<header>和<main>元素之间存在空白/空水平空间，这既不是任何padding，也不是margin。
我需要消除这个空白。我该怎么做？
body {
background-color: black
}
<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.1/css/materialize.min.css" rel="styl
浏览 2提问于2017-04-09得票数 1
回答已采纳
我有一个带按钮的表，它可以将一些行添加到表中，它工作得很好，我想通过jquery load函数将它们的父div加载到另一个页面中，但当我加载它们时，按钮将不再起作用。
这是我的html代码，实际上我只是写了这段代码，但是你明白了，也忽略了语法问题。
<head>
<script>
$(function(){
$('#adder').click(function(){
$(this).siblings('table').append('<tr><td></td></tr>')
浏览 0提问于2011-10-20得票数 0
回答已采纳
4回答
当我单击a时，我想显示一个自定义警报，但是如果im登录，我想重定向到另一个页面。我有这个。
<div id="contentCalendar" class="col-md-3 images_1_of_4 text-center">
<a><img onClick="show_alert();" id="rotateme" class="img-responsive img-circle center-block" src="web/ima
浏览 4提问于2014-12-15得票数 0
回答已采纳
1回答
我试图把谷歌加一个和其他社交媒体按钮内联在一起。出于某种原因，Google按钮将其向下移动了几个像素。它说有一个p标记将它们分开，但是代码中没有p标记。Google代码有自己的div标记，但我不知道如何将它与其他按钮对齐。我在用Wordpress。
有没有更好的方法来对齐这些？
<iframe style="border: none; overflow: hidden; width: 52px; height: 20px;" src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebo
浏览 1提问于2014-12-06得票数 2
回答已采纳
1回答
我有一个覆盆子圆周率，打开了一个网页的启动。此页面加载包含一个php页面，该页面侦听udp端口上的输入。当接收到输入时，我想要加载另一个页面，但我在这样做时遇到了困难。
这是index.html
<html style="background-color:#0085b3;">
<body>
<img src="bg.jpg"/>
<div id="content"></div>
</body>
<script src="scripts/jquery.m
浏览 3提问于2016-02-22得票数 2
1回答
当我单击重定向按钮时，asp.net项目重定向一个html文件，它将一个加载器(动画gif)显示给用户。然后重定向到特定的页面。它很好用。
但是现在我不需要重定向页面中间。当我单击重定向按钮时，它会显示特定的asp页面，加载程序(动画gif)在同一页中显示中心，直到加载。加载页面后，加载程序(动画gif)必须隐藏。我该怎么做呢？给个样本。
C#代码-
Response.Redirect("Redirecting.html?AvailResults.aspx");
Redirecting.html代码-
<body>
<div style='positi
浏览 3提问于2014-01-24得票数 2
我有一个链接，当用户点击它时，会显示一个确认框。如果用户单击yes，则会将其引导至指定页面，否则将停留在同一页面上。这是我的链接和函数代码：
<script type='text/javascript'>
function checkDelete(){
var i = confirm("Are you sure you want to delete?");
if(i){
return true;
}else{
return false;
}
}
</
浏览 1提问于2012-06-05得票数 0
回答已采纳
1回答
如何从模板内重定向到主页
、、、
好的，基本上我的主页('^$')是一个登录页面，在用户登录后，它会将他发送到另一个页面，其中有一个注销按钮。在我的模板中，注销按钮只是一个链接。
<a href="">Logout</a>
它在href里面应该说什么？通常，如果我想重定向到另一个视图，我会将视图名称放在引号中，但是主页视图只是'^$‘，所以我尝试将其保留在无效的引号中。我也试着做
<a href="/^$">Logout</a>
不幸地失败了。知道怎么做吗？
浏览 1提问于2013-09-29得票数 2
回答已采纳
1回答
<script type="text/javascript">
$.get('https://ipinfo.io/json?token=391fde43dafbc6', function (response) {
if (response.country == "UK") {
window.location.href = "http://www.secondwebsite.com.pk/";
}
});
浏览 0提问于2019-04-28得票数 0
回答已采纳
2回答
当我使用wget时，我找到了使用JS重定向的页面女巫。就像这样：
<script language="JavaScript1.2">
var s = "i_08/0101/index.php3";
location.href=""+s;
</script>
wget可以遵循这个重定向，或者有其他方法来解决这个问题。
浏览 0提问于2011-06-12得票数 6
1回答
我需要关于页面重定向的帮助。这就是我想要达到的目标。1.当用户转到我的原始链接时，他将被重定向到另一个页面2.在该页面上，当用户单击后退按钮时，他需要返回到原始链接。
到目前为止，当用户在第二页时，后退按钮不可用。如何记录原始重定向链接的历史记录？谢谢!下面是我的代码：
<script>
var randomlinks=new Array("http://google.com", "http://nba.com", "http://facebook.com", "http://cnn.com", "http:/
浏览 5提问于2015-04-30得票数 0
2回答
无法取消按钮单击
、、
我在网页上有一个html按钮。当我点击按钮时，我想重定向到另一个页面。
我有这样的代码：
<button id="btn" type="submit" style="width: auto">
<div style="height: 40px">
<img alt="Button" src="/images/somepicture.png" style="float: left" />
<span st
浏览 0提问于2012-07-09得票数 1
回答已采纳
我有一个带有iframe的HTML页面，而iframe使用加载在iframe中的HTML页面显示一个幻灯片。用户可以在iframe中单击"Next“或"Back”，而iframe只是加载另一个HTML页面。iframe中的HTML页面位于相同的域中，但位于不同的目录中。我通过将以下脚本放置在所有加载在iframe中的页面的正文中，阻止了浏览器回退按钮/历史记录中的这些单击，此部分工作.
<script type="text/javascript">
var anchors = document.getElementsByTagName
浏览 0提问于2014-06-15得票数 0
回答已采纳
1回答
我正在尝试动画一个按钮，让它在特定的时间向右平移一点，但不知何故，转换从未发生过。
@keyframes moveXpath {
0% {
transform: translateX(-10px);
}
100% {
transform: translateX(100px);
}
}
.btn-animate {
animation-name: moveXpath;
animation-duration: 10s;
}
<body>
<div class="container">
<h1&g
浏览 5提问于2018-02-18得票数 0
回答已采纳
2回答
我正在使用这个脚本，当他们试图退出页面时，它会弹出一个警告。但问题是，当我单击一个重定向到另一个页面的按钮时，它仍然会弹出。我想在点击按钮时禁用它。我该怎么做呢？
<script language="javascript">
(function() {
var __redirect_to = 'http://google.ca';//put redirect URL here
var _tags = ['button', 'input', 'a'], _els, _i, _i2;
浏览 0提问于2014-04-17得票数 0
我正在PhoneGap构建中开发一个测试应用程序。目前，当应用程序加载时，我试图重定向到一个页面。但是，当我尝试这样做时，它不是重定向，而是只停留在index.html页面中。我正在使用测试这个应用程序。
index.html
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" charset="utf-8">
function init() {
document.a
浏览 5提问于2016-12-07得票数 0
回答已采纳
3回答
我正在使用Bootstrap v3.3.1创建一个简单的网页。当我试图在移动视图中强制使用form-inline时，我被塞了下来。它不会像我想的那样变成内联形式。
如何使form-inline也在移动视图上工作？
我的密码：
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=ed
浏览 1提问于2015-01-12得票数 4
1回答
因此，我有一个文本字段，用户必须输入密码才能下载PDF文件。如果密码正确，则将用户重定向到PDF文件url，如果密码错误，则将用户重定向到另一个称为不正确(incorrect.html)的页面。
一切都很好。唯一的问题是，当您按Enter键时，它不会重定向页面。只有在单击“提交”按钮时，它才能工作。
有办法解决这个问题吗？
非常感谢！
输入文本字段和提交按钮
<form name="login">
<input class="gen-label" type="text" name="pass" size="
浏览 3提问于2014-04-04得票数 0
1回答
我有如下的DOM：
<body>
<table>
<tbody>
<tr></tr>
</tbody>
</table>
<input type="text" class="pi" value=""><br>
<input type="text" class="vi" value="">
<button>users</button>
</body>
浏览 0提问于2017-10-23得票数 1
我有一页产品列表与返回按钮，以重定向到主页。我希望在重定向到主页后，向下滚动到特定的div (在我的例子中，是产品的旋转体)。
我做了卷轴，但它工作时，每次主页是加载，但我希望滚动只在点击返回按钮，我怎么能这样做呢？
有一些代码：
产品页面列表：
<a href="{{ path('home_index') }}" class="return-ad">
<img src="{{ app.request.getBaseURL()/arrow-white-left.png">
</a>
首页
浏览 1提问于2022-03-22得票数 1
回答已采纳
2回答
我正在处理一个用户有两个按钮的页面。一个按钮只是将它们重定向到主页，另一个按钮不仅将它们重定向到主页，还会打开一个指向不同链接的新窗口/选项卡。
<button class="return" type="button">
<?= $html->image('cross.gif') ?> Return
</button>
<button class="walletcards" type="button">
浏览 0提问于2012-05-10得票数 0
1回答
我使用的是Dojo1.10，我需要在页面上水平地显示一个Select 。我不知道该怎么做。我已经猜到了一些CSS属性来尝试而没有运气。Select总是显示在左侧。似乎没有什么东西能把它移到中心。我该怎么做呢？
更广泛地说，它在Dojo文档中描述了如何做到这一点？相信我，当我说我做了一次又一次的网络搜索，也许我不知道该搜索什么。提前谢谢。
此代码是从其中一个示例改编而来的。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="//ajax.googlea
浏览 1提问于2014-12-17得票数 0
回答已采纳
3回答
使用css对按钮进行水平排序
、、、、
根据前面的问题，我遇到了一些布局水平按钮的bug。Failry确信这与我对javascript或按钮缺乏知识有关。
基本上，我在顶部导航栏上有一个按钮列表，这些按钮应该是内联的，但似乎堆叠在一起。
每个按钮简单地将一个框架带到不同的页面(是的，我知道框架是不好的，但是这个项目需要渲染外部页面，它适合这个目的，)
不管怎么说。这是当链接只是链接而不是按钮时的样子。
这是错误的输出版本：
这些链接作为按钮的代码如下：
HTML
<ul class = "links">
<li>
&l
浏览 10提问于2011-07-19得票数 0
回答已采纳
我在互联网上遇到了很少的资源，谷歌认证是通过web完成的。
因此，我想用类似的方式在asp.net mvc web应用程序中尝试同样的方法，我在如何为我的应用程序获取redirectUri方面陷入了困境。
1.应用程序在谷歌注册，客户端和秘密在Authconfig.cs中被提及。
2.单击我的按钮后，我必须重定向到GoogleSignIn page.The redirectUrl(authrequestUrl)，这将使用户登录页面，这是我无法得到的。
在Web中，在url下面的请求(GET请求)将返回redirectUrl作为响应。
我可以用它将用户重定向到谷歌登录页面，点击我的登录按钮就可
浏览 6提问于2017-02-19得票数 0
我试图将窗口重定向为一个按钮的值，但我可以找到工作
这是我的密码
<!DOCTYPE html>
<html>
<body>
<p>Click the button to change the location of the first iframe element (index 0).</p>
<button class="godd" onclick="myFunction()">Try it</button>
<br>
<br>
浏览 0提问于2017-01-23得票数 0
回答已采纳
1回答
我试图在当前文件夹之外找到文件夹的路径。我用一个按钮重定向到另一个页面。但是我想重定向的页面在文件夹之外。
<input type="button" value="Back to Main Menu" onClick="location.href='./guestStart.php'" >
文件"guestStart.php“位于当前页的文件夹之外。
有人知道怎么做吗？谢谢你们的帮助！
浏览 0提问于2015-05-19得票数 1
回答已采纳
我有一个重定向到特定页面的按钮调用的以下函数：
<script type="text/javascript">function procesar(xform){window.location.href = "vtas3.php?id=<?php echo ''.$id.'';?>&fn=<?php echo ''.$fn.'';?>";}</script>
但是当页面加载没有刷新数据库中的数据内容时，我必须重新加载页面才能看到更新后的信息。
我
浏览 1提问于2015-12-20得票数 0
1回答
我正在使用cakePHP和bootstrap单选按钮，我想知道如何将单击时的单选按钮重定向到不同的页面
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-primary active">
<input type="radio" name="options" id="option1" autocomplete="off" chec
浏览 1提问于2015-05-07得票数 0
我的页面中有两个单选按钮( Client和Owner )，我希望用户被重定向到Client.html页面，如果他运行客户端按钮，则重定向到Owner.html。这是我的代码：
function jump() {
var select = document.getElementByName("user");
for (var i = 0; i < selected.length; i++) {
var value = selected[i].value;
if (selected[i].checked) {
if (value ===
浏览 1提问于2019-01-23得票数 0
回答已采纳
我正在用Django制作一个博客应用程序，我想做以下事情
当用户提交预览按钮时，我希望在同一窗口的新选项卡中打开部分完成的博客。其次，如果用户不关闭选项卡并再次按预览按钮，我希望在先前打开的选项卡中显示更新的博客。。
我该怎么做？
编辑：，正如下面的答案所告诉的，我正在尝试使用这个代码片段在一个新窗口中打开它，但这是行不通的。
<script>
var current_link = $(location).attr('href');
$('.preview_button').onClick(function() {
w
浏览 2提问于2011-12-07得票数 1
回答已采纳
我的按钮是这样描述的
<a href="website" class="button">Link 1</a>
现在，我有另外4个类似的按钮放在旁边的水平排。
<a href="website" class="button">Link 2</a>
<a href="website" class="button">Link 3</a>
<a href="website" class="button
浏览 3提问于2016-05-15得票数 0
回答已采纳
2回答
<td><button name="button" value="OK" type="button" onclick="document.location.href='../JSP/DownloadReport.jsp';">Click Here</button> </td> 我在文件夹D:\workspace\Report\WebContent\retrievedata.jsp中有一个jsp页面，其中我使用了按钮标记。现在
浏览 35提问于2020-09-28得票数 0
我正在编写以编程方式定位div以显示滚动外观的代码。当使用Firefox和时，一切都很好(信不信由你)。然而，我从webkit浏览器(Chrome/Safari)那里得到了虚假的值。这似乎与元素是否有内容有关。我在计算空锚元素的位置。Webkit似乎只有在元素有可见内容时才正确。所以，我可以通过在我的主播中加入一些内容来解决这个问题。然而，这扰乱了我的布局，让我感觉像个模仿者。此外，我想记录一个bug，如果这确实是我正在处理的。下面是一个示例文档来说明这个问题。在不同的浏览器中打开它，看看我的意思。谢谢！：)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD
浏览 2提问于2011-11-14得票数 1
回答已采纳
1回答
更改页面后未触发页面显示
、、、
我正在使用jQuery手机，我想在用户单击主页上的按钮后，将浏览器重定向到另一个页面。为此，我写道：
$.mobile.changePage("album-search-results.html",{
data:{area:searchArea, value:searchValue},
transition: "pop"
});
它工作得很好，它加载了正确的页面，甚至在URL上放置了正确的值。不幸的是，pageshow事件没有被触发：
<!DOCTYPE html&g
浏览 0提问于2013-04-18得票数 2
回答已采纳
我确实有一个简单的脚本，它不能正常工作，也不像预期的那样工作。
<script>
function modify_val(target, valeur)
{
$(target).val(valeur)
}
</script>
<a href="javascript:modify_val('#type1','$row->movie2');">$row->movie2 ($row->counter relations)</a>
当目标输入值被修改时，javascript工作
浏览 0提问于2013-11-17得票数 2
回答已采纳
4回答
下面是我正在编写的代码
<html>
<script>
var submit = document.getElementById('btnFormSubmit');
submit.addEventListener('click', submitForm);
function submitForm(event){
event.preventDefault();
event.stopPropagation();
var href = '',
inputs = this.parentNode.getElementsByTag
浏览 0提问于2014-02-20得票数 0
1回答
我正在使用Flask，HTML，CSS和JS来建立一个网站。我有一个导航栏，其中有一个下拉菜单到其他链接。你可以在这里查看图片-我的导航图片1：https://i.stack.imgur.com/bF6no.png 正如你所看到的，它有我的子菜单，但当我点击“让我们说关于”时，它不会将我重定向到另一个页面。 下面是我的html/js： <div class="navbar">
<a href="{{url_for('home_page')}}">Home</a>
<div class="
浏览 13提问于2020-10-05得票数 0
6回答
有一个按钮应该重定向到另一个页面，但在它重定向之前和单击后，我希望显示一个可能包含任何消息的弹出框这里是我的按钮
<a href="addorder.php?id=<? echo $row01['id']; ?>" ><button id="myButton" class="btn btn-primary btn-block">Request</button></a>
我试着用
<script type="text/javascript">
浏览 1提问于2015-08-18得票数 0
我有一个登录表单和带有3个复选框和一个最终提交按钮的部分。我想要编写代码，以便当复选框被选中时，提交按钮被单击，用户将被重定向到另一个页面，这取决于复选框被选中。
我有：
<input type="checkbox" name="gender" value="male">
<input type="checkbox" name="gender" value="female">
我知道你可以用
if (isset($_POST['male'])) {
/
浏览 0提问于2016-06-12得票数 1
在我的主页上有一个按钮，当我点击它时，它会将我重定向到另一个页面，并在该页面上单击textformfield，我不知道该怎么做
浏览 1提问于2021-07-14得票数 0
我试图使用弹出锚内的$.mobile.changePage更改为另一个页面，但当我单击弹出页面内的锚点时，页面会发生更改，然后再回到前一页。
我尝试了这个解决方案：使用这个：$(document).bind("mobileinit"，函数(){ $.mobile.pushStateEnabled = false；})；
但也没用。
我就是这样建立我的网页的：
<div id="pgTest" data-role="page" data-theme="a">
@Html.Partial("_Header&
浏览 2提问于2015-01-06得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
