标签: href
如何在不在移动设备上时禁用拨打电话号码的链接？
我想要构建的是一个允许用户调用的按钮。在桌面上，这个元素看起来像一个大的号召性用语，
那么在移动设备上，这将既是号召性用语，又是实际要调用的方法。
我现在需要解决的挑战是，只能在移动设备上使用呼叫功能。这是我当前的代码：
<div id="headerCTA">
<div>
<a href="tel:888-336-1301">
<div>
Schedule a pickup<br>
888-336-1301
</div>
</a>
</div>
</div>
但是，当在桌面上时（由屏幕宽度决定？），此链接应该被停用。目前，如果有人碰巧从桌面点击此按钮，它会尝试打开一个页面“tel:888-336-1301”
这会产生以下错误：
该地址无法理解 Firefox 不知道如何打开该地址，因为协议 (tel) 未与任何程序关联。
推荐指数
解决办法
查看次数
如何将 HTML <select> 列表与提交按钮链接
我有一个网页，其中包含一个包含 6 个选项的选择列表以及一个提交按钮。
我需要以这样的方式进行编码：当在列表中选择一个选项并单击提交按钮时，它应该打开另一个链接页面，而当选择另一个选项并单击提交按钮时，它应该打开另一个页面。
基本上我希望每个选项在单击提交按钮时打开一些链接页面。
通过谷歌搜索，我明白我必须使用 php 来实现这一点，但我没有得到相应的代码。
我不希望提交按钮仅打开 1 个特定页面。相反，我希望它打开 6 个不同的页面，对应于所选的不同选项。
代码片段：
<div>
<H1><FONT="TIMES ROMAN" FONT-COLOR="BLUE" > SELECT An subject:</H1>
<select>
<option value=""></option>
<option value="physics">physics</option>
<option value="chemistry">chemistry</option>
<option value="biology">biology</option>
<option value="maths">maths</option>
<option value="cs">cs</option>
<option value="electrical">electrical</option>
</select>
<br>
<input class="SubmitButton" type="submit" name="SUBMITBUTTON" value="Submit" style="font-size:20px; " />
</div>
我还了解到，不能使用 href 标签来完成此操作，因为选项列表无法直接打开页面，需要提交按钮才能执行操作。
需要帮助来解决这个问题。
推荐指数
解决办法
查看次数
模式内的 href 链接不起作用
我的网页中有一个使用 Bootstrap 的模态。我在其中添加了锚标记，其中有 href 链接。当我尝试单击该锚元素时，它不可单击。锚标记在模态中不起作用。
请帮我解决这个问题。
请找到下面的代码 -
<div class="portfolio-modal modal fade" id="editionsModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="col-sm-3">
<a href="hingoli.html" data-target="#" style="text-decoration: none;">
<div style="padding:15px; color:#181818; text-align: center; ">
<h4>Hingoli</h4>
</div>
<img src="pages/hingoli/1.jpg" style="margin: 0 auto; display: block;" class="modal-img" alt="">
</a>
</div>
<div class="col-sm-3">
<a href="parbhani.html" class="portfolio-link" style="text-decoration: none;">
<div style="padding:15px; color:#181818; text-align: center; ">
<h4>Parbhani</h4>
</div>
<img src="pages/parbhani/1.jpg" style="margin: 0 …推荐指数
解决办法
查看次数
<img src=...> 在 WordPress header.php 和 index.php 中不显示本地图片
我正在尝试使用一个简单的<img src=标签链接到我的 header.php 文件中的 favicon.ico 和我的 WordPress 主题中的 index.php 文件中的 .png 徽标，但没有任何运气。我已经通过用指向在线托管的图像的超链接替换它来测试该链接，该链接有效并证明<img src=标签没有损坏，但显然我希望能够将图像链接到内部 img 文件夹中主题。我在我的网站中使用的背景图片（它在 bootstrap.css 中链接并且与我试图链接到的两个图片在同一个“img”文件夹中）完美地工作。我试过复制该 href 链接的格式，但它似乎也不起作用。
我已经尝试了许多变化'img/favicon.ico'，'/img/favicon.ico'，'../img/favicon.ico'但没有一次成功链接到图像文件在两种情况下。
这是我的 header.php 文件的代码：
<?php
/**
* The header for our theme
*
* This is the template that displays all of the <head> section and everything up until <div id="content">
*
* @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
*
* @package wpbootstrap-sofa
*/
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' …推荐指数
解决办法
查看次数
如何从 Rails 中的相对 URL 构建绝对 URL？
我正在使用 Rails 5。我正在尝试找出一种方法，根据我从锚标记的 href 属性中删除的值来获取绝对 URL。我想出了
url = a.attr("href")
if url !~ /^(http|https):\/\/[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?$/ix
url = "http://#{url}"
end
认为如果 href 只是“www.mydomain.com”，我可以通过附加“http://”来创建正确的 URL。然而，如果URl是相对的（例如“/abc/def”），则上述逻辑失败。有没有一种万无一失的方法可以从锚标记的 HREF 属性构建绝对 URL，该属性本身可能是也可能不是绝对 URL？请注意，我确实可以访问包含带有锚标记的页面的原始 URL。
编辑： 但是你是说，嘿，对不起，SOB，这不是浏览器处理 href 的方式。如果它看到“www.whatever.com”，它会将其视为相对路径！所以你的问题是假的！好吧，纸杯蛋糕，尽管你是对的，但这不是我的问题。我想识别一个域并将其转换为有效的 URL，并识别以“/”开头的路径并将其转换为有效的 URL。你说不可能？以此作为你的答案，当其他人同意你的观点时，你的分数就会上升。
推荐指数
解决办法
查看次数
分享 Whatsapp 链接在哈希后中断
因此，我尝试通过 Whatsapp 分享包含主题标签的链接。
<a href="whatsapp://send?text=www.google.com#test" data-action="share/whatsapp/share">Share via Whatsapp</a>
不知何故，它会发送 www.google.com 但它会忽略 # 之后的所有内容。有人有解决方案吗？你会震撼我的世界！
附言。我尝试对 #test 进行编码，但这也不起作用。
推荐指数
解决办法
查看次数
是什么？在 HTML 绝对链接中表示
我正在自己学习 HTML，我遇到了以下外部链接，该链接为 CSS 中的标签分配了不同的字体：
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
我不能为我的生活找到什么的定义？（问号）在这个标签中。有人可以解决这个问题吗？提前致谢。
推荐指数
解决办法
查看次数
jQuery阻止了一个href
我想在我的网站上使用内联加载(通过AJAX),同时为无法访问Javascript的人保留(某些)功能(如果它们仍然存在).
我的菜单:
<?php
echo "<h3 id='title'></h3>";
if (empty($_SESSION['uid'])) {
echo "<a href='index'>Home</a> <br> ";
echo "<a href='register'>Register</a> <br> ";
echo "<a href='login'>Log In</a> <br> ";
echo "<a href='browser'>Browse MarketPlace</a> <br> ";
echo "<a href='support'>Support us!</a>";
}
elseif (!empty($_SESSION['uid'])) {
echo "<a href='index'>Home</a> <br> ";
echo "<a href='overview'>Account Overview</a> <br> ";
echo "<a href='browser'>Browse MarketPlace</a> <br> ";
echo "<a href='sell'>Sell Items</a> <br> ";
echo "<a href='logout'>Logout</a> <br> ";
echo "<a href='support'>Support us!</a>";
}
?>
我的Javascript:
$(document).ready(function() {
$(document).on("click", "a", function(event) { …推荐指数
解决办法
查看次数
根据标签中的文本更改href
我有一堆<a>标签,里面有不同的字符串.我希望能够根据每个标记内的文本设置这些标记的网址.
例如,我有
<a class="list-group-item">example</a>
<a class="list-group-item">example2</a>
<a class="list-group-item">example3</a>
我希望能够使第一个的url等于/example/,第二个/example2/和第三个的url /example3/.
这个jQuery函数使所有的 href="/example/"
$(function(){
customURL = $( ".list-group-item" ).html();
$("a").attr("href", customURL)
});
推荐指数
解决办法
查看次数
如何使用href属性在新选项卡中打开一个窗口？
编辑:上面的链接不包含任何适用于此问题的答案.如果把它放在那里的人实际上读过这个问题,他们就会意识到这一点.
当我只能控制锚标记的href属性时,在新选项卡或新窗口中打开链接的最佳选择是什么？
我们有一个本土菜单导航系统,我之前有人建立它,它根据数据库表中的url列设置菜单锚链接的href.所以我知道有更好的方法在新窗口中打开一个链接,而不是我要求的,我通常不会尝试这个,但是现在我只需要这样做.
我尝试过使用:
javascript:window.open('http://www.goodwill.org')
这对于在新选项卡中打开链接起作用,但是它将当前选项卡更改为空白页,除了文本[对象],这显然违背了目的.
推荐指数
解决办法
查看次数