标签: href

html src 和 href 属性的相对路径或 url

使用框架可以很容易地为我的 html src 和 href 属性列出完整的 url,我觉得我通过列出完整的 url 而不是相对路径更彻底。但这会更快吗?我是否需要进行额外的 DNS 查找?当内容在同一台服务器上时,最佳做法是什么?

<img src='http://site.com/images/img1.png' />

对比

<img src='/images/img1.png' />
Run Code Online (Sandbox Code Playgroud)

Codeigniter 的图像助手 img()在用户指南中的工作方式如下:

echo img('images/picture.jpg');
// gives <img src="http://site.com/images/picture.jpg" />
Run Code Online (Sandbox Code Playgroud)

和 Codeigniter 的锚助手 anchor()在用户指南中的工作方式如下:

echo anchor('news/local/123','My News');
// gives <a href="http://example.com/index.php/news/local/123" >My News</a>
Run Code Online (Sandbox Code Playgroud)

html href src codeigniter-url

3
推荐指数
1
解决办法
3万
查看次数

左键单击链接不起作用,但"在新标签中打开"可以

我正在我的个人网站上工作(从模板构建),就在我完成时,我的链接停止响应左键单击.如果右键单击并选择"在新标签中打开",它们就可以正常工作.将鼠标悬停在它们上方时,您可以在浏览器底部的状态栏中看到该URL.

我已经对此进行了相当多的搜索,似乎可能有一些JavaScript覆盖了标记的默认行为.我曾尝试查看Chrome和Firefox DevTools的Network和EventListener部分,但我不完全确定我在寻找什么.

我不想在这里粘贴整个网站的代码(太长时间),但你可以从我的Github页面下载它来自己尝试一下.

由于我认为问题与JavaScript有关,这里是我网站的页眉和页脚部分,所以你可以看到我附加的内容:

<head lang="en">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

<title>Mike Lipson | Instructional Technology Specialist</title> 

<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" href="fancybox/jquery.fancybox-v=2.1.5.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/font-awesome.min.css" rel="stylesheet">

<link rel="stylesheet" type="text/css" href="css/style.css">    

<link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,600,300,200&subset=latin,latin-ext' rel='stylesheet' type='text/css'>


<link rel="prefetch" href="images/zoom.png">

<style type="text/css" media="screen">
    a.heading_link {
        color: white;
    }
</style>
Run Code Online (Sandbox Code Playgroud)

    <!-- SCRIPTS -->
<script src="js/html5shiv.js"></script>
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/jquery-migrate-1.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script> <!-- Potential link-breaker -->
<script type="text/javascript" src="fancybox/jquery.fancybox.pack-v=2.1.5.js"></script>
<script src="js/script.js"></script>

<!-- fancybox …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery href twitter-bootstrap

3
推荐指数
1
解决办法
6158
查看次数

在新标签页(在同一窗口中)中打开链接,或者如果已使用“ href”将其打开,则重新加载并聚焦

我想在同一窗口的新标签页中使用“ href”(不使用javascript / jQuery)打开链接。如果该链接已经打开,则应重新加载并聚焦。

我该如何编码才能实现这一目标?

我试过了。

<a href="name.html" target="_blank">Click</a>
Run Code Online (Sandbox Code Playgroud)

如果页面已经存在,则不会重新加载该页面。它将一次又一次地在新选项卡中打开链接。

有什么建议吗?

html href hyperlink

3
推荐指数
1
解决办法
3469
查看次数

使用 Xpath 如何从有时包含链接的表格单元格中提取数据?

我有这个 html 表:

<table class="info">
<tbody>
    <tr><td class="name">Year</td><td>2011</td></tr>
    <tr><td class="name">Storey</td><td>3</td></tr>
    <tr><td class="name">Title</td><td><a href="http://gov.kz/premera/">Premier</a></td></tr>
    <tr><td class="name">Condition</td><td>Renovated</td></tr>
</tbody>
</table>
Run Code Online (Sandbox Code Playgroud)

在此表中,数据的组织方式是每行包含 2 个用<td>标签括起来的单元格。第一个单元格包含有关数据类型的信息。例如房屋的建造年份。第二个单元格包含年份信息本身,即 2011 年。

我正在尝试从第二个单元格中提取信息(它是:2011、3、Premier、Renovated)

我使用这个 Xpath 表达式:

//table[@class="info"]//td[2]/text()
Run Code Online (Sandbox Code Playgroud)

收到的输出(错误):

2011
3
Renovated
Run Code Online (Sandbox Code Playgroud)

期望的输出:

2011
3
Premier
Renovated
Run Code Online (Sandbox Code Playgroud)

正如您<td>在第 3 行中看到的 2-nd而不是仅包含链接的文本,因此会丢失来自该行的信息。因此,未收到所需的字符串“Premier”。有时行中的单元格包含链接,有时它只是纯文本。在这两种情况下(链接或仅给出文本),有什么方法可以从第二个单元格中提取数据?

html xpath parsing href

3
推荐指数
1
解决办法
2万
查看次数

whatsapp://send?text 将字符串从“&amp;”字符剪切到结尾?

我正在尝试添加一个可以在 WhatsApp 中共享的链接:

例如:

"whatsapp://send?text=http://www.example.com/products/women/dresses?sessionid=34567&source=google.com"
Run Code Online (Sandbox Code Playgroud)

但是在 WhatsApp 中发送的链接从“&”直到结尾都被截断了。(第二个参数)

当我尝试时会发生同样的事情:

"WhatsApp://send?text=http://www.example.com/prod&ucts/"
Run Code Online (Sandbox Code Playgroud)

(注意单词“prod&ucts”中间的“&”)“&”后面的文本被截断。

任何建议为什么会发生这种情况以及我该如何解决?

html javascript href hyperlink whatsapp

3
推荐指数
1
解决办法
2451
查看次数

我可以使用<button>而不是<a>转到#location吗?

我有这个代码.

<li class="active">
    <a href="#tab-weekly" data-toggle="tab">Weekly Payment</a>
</li>
<li>
    <a href="#tab-advance" data-toggle="tab">Advance Payment</a>
</li>
<li>
    <a href="#tab-data" data-toggle="tab">Expenses</a>
</li>
Run Code Online (Sandbox Code Playgroud)

我的问题是,我可以使用<button>而不是<a>实现这一目标吗?我将其更改为按钮,但它们无法正常工作.

html javascript jquery html5 href

3
推荐指数
2
解决办法
257
查看次数

想让我的角度表达作为链接工作

<a href= "" style="color: #666; ">{{postMessage}}</a>
Run Code Online (Sandbox Code Playgroud)

我得到{{postMessage}}角度表达式,这个帖子消息是链接的形式,例如.www.google.com.
如果我不包括href那么它显示为普通文本.如果我这样做,href=""它会把我带到一个空白页面,这很明显.请帮助我解决一下如何使我的angular2表达式在html中作为链接工作的问题.

href typescript ionic-framework ionic2 angular

3
推荐指数
1
解决办法
59
查看次数

如何让链接点击停留在同一页面

我有以下代码:

<area href="/?22" shape="poly" coords="438,388,561,211">
<area href="/?23" shape="poly" coords="338,43,61,21">
Run Code Online (Sandbox Code Playgroud)

当它被点击链接发送“信号”并且工作正常,但页面更改为:

http://192.168.0.177/?22 
Run Code Online (Sandbox Code Playgroud)

或者

http://192.168.0.177/?23 
Run Code Online (Sandbox Code Playgroud)

我想将页面保留为:

http://192.168.0.177
Run Code Online (Sandbox Code Playgroud)

有没有办法/黑客点击链接发送信号,但页面仍然存在,当然不会刷新?

非常感谢!

javascript href

3
推荐指数
1
解决办法
1万
查看次数

角度路由器链接到页面中具有指定 id 的元素

我正在使用 Angular Router,并且我试图通过 id 链接到另一个路由中的子组件。基本上通常会使用<a href="www.url.com/profile/#profile-header-id">.

我不确定 Angular 路由器是否有内置的方法来做到这一点,但如果没有,也许我可以在稍后知道元素已呈现时手动触发链接。

问题不在于链接到另一条路由,这当然是通过 Angular 路由器的 Link 完成的。问题是链接到在链接组件的呈现 HTML 中找到的元素。

不那么抽象的代码示例:

所以假设我在 app.module.ts 文件中的路由器是

`const routes = [
  { path: '', component: HomeComponent},  
  { path: '#section3', component: HomeSection3Component}, 
  { path: 'B', component: BComponent}, 
];`
Run Code Online (Sandbox Code Playgroud)

现在在组件 OtherComponent 中,我想要一个链接,它不仅可以将我带到主页路由 ' ',还可以滚动到 id #section3 的元素,从而跳过所有不相关的内容。

我的主页组件为页面的每个部分都有嵌套的组件。每个部分/组件都有一个 id。

主页.component.html

`<main>
     <app-section1></app-section1>
     <app-section2></app-section2>
     <app-section3></app-section3>
</main>`
Run Code Online (Sandbox Code Playgroud)

但是,当单击<button routerLink="#section3">Go to homepage section 3</button>B 页面上的按钮时,我只能看到一个空白页面。

html routing href angular angular5

3
推荐指数
1
解决办法
1万
查看次数

Material-UI Next js 链接按钮

我正在开发一个使用 Next-JS 和 Material-UI 构建的服务器端渲染 React 项目。并且我想应用到 Material Ui按钮->带有动态路线链接

我怎样才能做到这一点?我会应用 React Router Link,但它是不同的......

我的问题是它有另一个所需的属性,例如“as”属性。

href reactjs material-ui next.js

3
推荐指数
2
解决办法
5641
查看次数